eslint Vue template

components/color-picker/ColorPickerPill.vue

@@ -14,7 +14,7 @@
       :variant="color.value === selected.value ? 'solid' : 'ghost'"
       @click.stop.prevent="$emit('select')"
     >
-			<span class="inline-block w-3 h-3 rounded-full" :style="{ backgroundColor: color.hex }" />
+      <span class="inline-block w-3 h-3 rounded-full" :style="{ backgroundColor: color.hex }"/>
     </UButton>
   </UTooltip>
 </template>

components/i/Create.vue

@@ -17,7 +17,8 @@
       <div class="flex justify-between items-center">
         <div class="flex items-center gap-2">
           <UTooltip class="relative" :text="isPro ? '已开启专家搜索' : '已关闭专家搜索'" :shortcuts="[metaSymbol, 'O']">
-						<div v-show="!isPro" class="absolute w-7 h-0.5 rotate-45 top-3.5 left-1 bg-gray-700 dark:bg-gray-200 hover:bg-gray-900 dark:hover:bg-white rounded"/>
+            <div v-show="!isPro"
+                 class="absolute w-7 h-0.5 rotate-45 top-3.5 left-1 bg-gray-700 dark:bg-gray-200 hover:bg-gray-900 dark:hover:bg-white rounded"/>
             <UButton
               :ui="{ rounded: 'rounded-full' }"
               :icon="isPro ? 'i-heroicons-sparkles-20-solid' : 'i-heroicons-sparkles-20-solid'"
@@ -45,9 +46,9 @@
             </UTooltip>
 
             <UButton v-else color="gray" variant="ghost" :class="{ 'group': selectedRepo }">
-							<UIcon name="i-simple-icons-github" />
+              <UIcon name="i-simple-icons-github"/>
               <span>{{ selectedRepo }}</span>
-							<UIcon name="i-heroicons-chevron-down-20-solid" class="text-xl flex group-hover:hidden" />
+              <UIcon name="i-heroicons-chevron-down-20-solid" class="text-xl flex group-hover:hidden"/>
               <UButton
                 v-if="selectedRepo"
                 class="hidden group-hover:flex"

components/i/Empty.vue

 <template>
   <div class="flex flex-col justify-center h-72 items-center text-gray-300" :class="{ 'h-36': size === 'xs' }">
-		<UIcon name="i-heroicons-inbox" class="text-6xl" />
+    <UIcon name="i-heroicons-inbox" class="text-6xl"/>
     <div>暂无数据</div>
   </div>
 </template>

components/i/SearchHistory.vue

@@ -18,7 +18,8 @@
       />
     </div>
     <ClientOnly>
-			<div v-auto-animate class="flex overflow-y-auto flex-col gap-1 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
+      <div v-auto-animate
+           class="flex overflow-y-auto flex-col gap-1 border-l border-gray-200 dark:border-gray-800 pl-2 ml-5">
         <template v-for="item in $searchHistory.reverse()" :key="item.c_id">
           <UButton
             class="flex text-gray-400"

components/i/UserInfo.vue

@@ -6,16 +6,16 @@
           <UDropdown class="flex flex-grow" :items="items">
             <UButton class="flex flex-grow" color="gray" variant="ghost">
               <div class="flex flex-grow items-center gap-2">
-								<UAvatar :src="$info.avatar_url" />
+                <UAvatar :src="$info.avatar_url"/>
                 <div>{{ $info.nickname }}</div>
-								<UBadge v-if="$info.pro" size="xs" color="yellow" variant="soft" label="PRO" />
-								<UBadge v-else size="xs" color="gray" variant="soft" label="FREE" />
+                <UBadge v-if="$info.pro" size="xs" color="yellow" variant="soft" label="PRO"/>
+                <UBadge v-else size="xs" color="gray" variant="soft" label="FREE"/>
               </div>
-							<UIcon name="i-heroicons-chevron-down-20-solid" class="text-lg" />
+              <UIcon name="i-heroicons-chevron-down-20-solid" class="text-lg"/>
             </UButton>
           </UDropdown>
         </div>
-				<UDivider />
+        <UDivider/>
       </template>
     </ClientOnly>
     <div class="flex justify-between gap-2 p-4">
@@ -26,7 +26,7 @@
       />
       <ClientOnly>
         <div class="flex">
-					<ColorPicker />
+          <ColorPicker/>
           <USelectMenu
             v-model="colorMode.preference"
             :ui-menu="{ width: 'w-32' }"

components/i/action/Collect.vue

@@ -7,7 +7,7 @@
       icon="i-heroicons-ellipsis-horizontal"
     />
   </UDropdown>
-	<ILibraryEdit :id="id" ref="refEdit" />
+  <ILibraryEdit :id="id" ref="refEdit"/>
 </template>
 <script setup>
 import { IConfirm } from '#components'

components/i/library/Collect.vue

@@ -5,7 +5,7 @@
         <div>{{ item.name }}</div>
         <div class="flex">
           <div class="flex items-center text-gray-500 text-sm gap-0.5">
-						<UIcon name="i-heroicons-square-3-stack-3d" />
+            <UIcon name="i-heroicons-square-3-stack-3d"/>
             <span>{{ item.record_count }}</span>
           </div>
         </div>

components/i/library/Edit.vue

 <template>
-	<ILibraryCreate :id="id" ref="refCreate" />
+  <ILibraryCreate :id="id" ref="refCreate"/>
 </template>
 <script setup>
 defineProps({

components/i/library/Select.vue

@@ -30,7 +30,8 @@
           >
             <div class="flex flex-grow justify-between items-center">
               <div>{{ item.name }}</div>
-							<UIcon v-if="selected.includes(item.id)" name="i-heroicons-check-circle-20-solid" class="text-primary text-lg" />
+              <UIcon v-if="selected.includes(item.id)" name="i-heroicons-check-circle-20-solid"
+                     class="text-primary text-lg"/>
             </div>
           </UButton>
         </div>

components/i/search/Article.vue

@@ -2,15 +2,12 @@
   <div class="flex flex-col lg:flex-row gap-6 space-x-0 lg:space-x-6">
     <div class="flex flex-grow flex-col gap-6">
       <div class="grid">
-				<slot name="title" />
+        <slot name="title"/>
       </div>
-			<slot />
+      <slot/>
     </div>
     <div v-if="$slots.extra" class="flex flex-col w-full lg:w-64 flex-shrink-0 gap-6">
-			<slot name="extra" />
+      <slot name="extra"/>
     </div>
   </div>
 </template>
-<script setup>
-
-</script>
\ No newline at end of file

components/i/search/ExtraInfo.vue

 <template>
   <div class="flex flex-col gap-4 sticky top-16">
     <div class="text-xl flex items-center space-x-1">
-			<UIcon name="i-heroicons-square-3-stack-3d-20-solid" />
+      <UIcon name="i-heroicons-square-3-stack-3d-20-solid"/>
       <span>补充信息</span>
     </div>
     <template v-for="(item, index) in data" :key="index">
@@ -13,9 +13,11 @@
                 <template v-if="chart.info">
                   <div class="flex mb-2">
                     <div class="flex items-center gap-1 text-sm overflow-hidden">
-											<UIcon class="flex-shrink-0" name="i-simple-icons-github" />
-											<ULink class="flex-grow truncate underline" :to="chart.info.url" target="_blank" :title="chart.info.description">{{ chart.info.name }}</ULink>
-											<UIcon class="flex-shrink-0" name="i-heroicons-arrow-top-right-on-square" />
+                      <UIcon class="flex-shrink-0" name="i-simple-icons-github"/>
+                      <ULink class="flex-grow truncate underline" :to="chart.info.url" target="_blank"
+                             :title="chart.info.description">{{ chart.info.name }}
+                      </ULink>
+                      <UIcon class="flex-shrink-0" name="i-heroicons-arrow-top-right-on-square"/>
                     </div>
                   </div>
                 </template>
@@ -40,10 +42,10 @@
       <template v-else>
         <UCard :ui="cardUI">
           <div class="flex flex-col gap-1">
-						<USkeleton class="h-4" />
-						<USkeleton class="h-4 w-2/3" />
-						<USkeleton class="h-4" />
-						<USkeleton class="h-4 w-2/3" />
+            <USkeleton class="h-4"/>
+            <USkeleton class="h-4 w-2/3"/>
+            <USkeleton class="h-4"/>
+            <USkeleton class="h-4 w-2/3"/>
           </div>
         </UCard>
       </template>

components/i/search/Process.vue

@@ -2,7 +2,7 @@
   <UCard :ui="{ body: { padding: 'p-4 sm:p-4' } }">
     <div class="flex justify-between items-center">
       <div class="flex items-center gap-2 text-lg">
-				<UIcon name="i-heroicons-sparkles-20-solid" />
+        <UIcon name="i-heroicons-sparkles-20-solid"/>
         搜索过程
       </div>
       <UButton
@@ -17,8 +17,8 @@
     <ICollapse :open="openCollapse" class="mt-2">
       <div v-auto-animate class="flex flex-col gap-2 w-full text-gray-500 dark:text-gray-400">
         <template v-if="status !== 'finish' && !actions.length">
-					<USkeleton class="h-4" />
-					<USkeleton class="h-4 w-2/3" />
+          <USkeleton class="h-4"/>
+          <USkeleton class="h-4 w-2/3"/>
         </template>
         <template v-for="(action, index) in actions" :key="action.action">
           <ISearchProcessAction

components/i/search/ProcessAction.vue

 <template>
   <div class="text-base flex items-center gap-1">
-		<UIcon :name="item.icon" />
+    <UIcon :name="item.icon"/>
     {{ item.name }}
   </div>
   <template v-if="['rephrase_question', 'tool_select'].includes((action.action))">
     <div class="pl-5">
-			<IMdMdc :content="action.output" size="sm" />
+      <IMdMdc :content="action.output" size="sm"/>
     </div>
   </template>
   <template v-else-if="['search_file', 'search_web'].includes(action.action)">
     <div class="text-xs pl-5">找到 {{ action.output.length }} 条来源</div>
   </template>
   <template v-if="last && status !== 'finish'">
-		<USkeleton class="h-4" />
-		<USkeleton class="h-4 w-2/3" />
+    <USkeleton class="h-4"/>
+    <USkeleton class="h-4 w-2/3"/>
   </template>
 </template>
 <script setup>

layouts/default.vue

 <template>
   <div class="flex min-h-screen">
     <div class="fixed top-0 w-64 hidden md:flex flex-col h-screen">
-			<IAside />
+      <IAside/>
     </div>
     <div class="w-full ml-0 md:ml-64 bg-white dark:bg-black flex flex-grow">
-			<slot />
+      <slot/>
     </div>
   </div>
-	<ILibraryCreate />
-	<ILibrarySelect @success="handleCollectSuccess" />
+  <ILibraryCreate/>
+  <ILibrarySelect @success="handleCollectSuccess"/>
 </template>
 <script setup>
 const selectCollectData = ref(null)

pages/index.vue

 <template>
   <div class="flex flex-col items-center justify-center w-full h-full">
-		<ILogo />
+    <ILogo/>
     <div class="mt-2">开源搜索，直达结果</div>
-		<ICreate ref="refCreate" />
+    <ICreate ref="refCreate"/>
     <div class="max-w-screen-md w-full p-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
       <template v-for="(item, index) in recommendQuestions" :key="index">
         <UButton
@@ -18,7 +18,7 @@
       </template>
     </div>
   </div>
-	<IMenuSider fixed />
+  <IMenuSider fixed/>
 </template>
 <script setup>
 const recommendQuestions = [

pages/mdc.vue

 <template>
   <div class="w-full p-6">
     <IMdMdc :content="lineChart"/>
-		<UDivider />
+    <UDivider/>
     <IMdMdc :content="tableChart"/>
   </div>
 </template>