eslint: vue template space

app.vue

 <template>
-	<NuxtPwaManifest />
-	<NuxtLoadingIndicator />
+  <NuxtPwaManifest/>
+  <NuxtLoadingIndicator/>
   <NuxtLayout>
-		<NuxtPage />
+    <NuxtPage/>
   </NuxtLayout>
-	<UNotifications />
-	<UModals />
+  <UNotifications/>
+  <UModals/>
 </template>
 <script setup>
 const { $updateUserInfo } = useUserStore()

components/color-picker/ColorPicker.vue

@@ -15,13 +15,15 @@
     <template #panel>
       <div class="flex flex-col p-2 gap-2">
         <div class="grid grid-cols-5 gap-px">
-					<ColorPickerPill v-for="color in primaryColors" :key="color.value" :color="color" :selected="primary" @select="primary = color" />
+          <ColorPickerPill v-for="color in primaryColors" :key="color.value" :color="color" :selected="primary"
+                           @select="primary = color"/>
         </div>
 
-				<UDivider />
+        <UDivider/>
 
         <div class="grid grid-cols-5 gap-px">
-					<ColorPickerPill v-for="color in grayColors" :key="color.value" :color="color" :selected="gray" @select="gray = color" />
+          <ColorPickerPill v-for="color in grayColors" :key="color.value" :color="color" :selected="gray"
+                           @select="gray = color"/>
         </div>
       </div>
     </template>

components/i/Aside.vue

 <template>
   <div class="flex-grow overflow-hidden bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800">
     <div class="p-4 h-full flex flex-col">
-			<ILogo class="mt-2" />
+      <ILogo class="mt-2"/>
       <UButton
         :ui="{ rounded: 'rounded-full' }"
         class="flex w-full mt-6"
@@ -19,16 +19,17 @@
         </div>
       </UButton>
       <div class="flex flex-grow overflow-hidden mt-4">
-				<INav />
+        <INav/>
       </div>
     </div>
   </div>
-	<UDivider />
-	<div class="bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
-		<IUserInfo />
+  <UDivider/>
+  <div
+    class="bg-gray-100 dark:bg-gray-900 border-r border-gray-200 dark:border-gray-800 flex flex-col items-center justify-center">
+    <IUserInfo/>
   </div>
   <UModal v-model="isOpenCreate" :ui="{ width: 'w-full sm:max-w-screen-md' }">
-		<ICreate @search="handleCloseCreate" />
+    <ICreate @search="handleCloseCreate"/>
   </UModal>
 </template>
 <script setup>

components/i/Collapse.vue

@@ -5,7 +5,9 @@
     @before-leave="onBeforeLeave"
     @leave="onLeave"
   >
-		<div v-show="open" class="flex transition-[height] overflow-hidden"><slot /></div>
+    <div v-show="open" class="flex transition-[height] overflow-hidden">
+      <slot/>
+    </div>
   </Transition>
 </template>
 <script setup>

components/i/Confirm.vue

@@ -3,7 +3,7 @@
     <div class="flex p-6 gap-4">
       <div class="flex">
         <div class="mx-auto flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-red-100">
-					<UIcon name="i-heroicons-exclamation-triangle" class="w-6 h-6 text-red-600" />
+          <UIcon name="i-heroicons-exclamation-triangle" class="w-6 h-6 text-red-600"/>
         </div>
       </div>
       <div class="flex-grow flex flex-col">

components/i/MenuSider.vue

@@ -19,7 +19,7 @@
         trailing-icon="i-heroicons-x-mark-20-solid"
         @click="handleToggleAside"
       />
-			<IAside />
+      <IAside/>
     </USlideover>
   </div>
 </template>

components/i/Nav.vue

@@ -16,7 +16,7 @@
       label="主题"
       to="/library"
     />
-		<ISearchHistory @sign="$openSign" />
+    <ISearchHistory @sign="$openSign"/>
     <ClientOnly>
       <UButton
         v-if="!$isSignIn"
@@ -28,7 +28,7 @@
     </ClientOnly>
   </div>
   <UModal v-model="$isOpenSign">
-		<ISign @close="$closeSign" />
+    <ISign @close="$closeSign"/>
   </UModal>
 </template>
 <script setup>

components/i/Sign.vue

 <template>
   <div class="flex flex-col items-start gap-4 p-4">
     <div class="flex w-full justify-between">
-			<ILogo />
+      <ILogo/>
       <UButton
         color="gray"
         variant="ghost"
@@ -16,7 +16,7 @@
       size="md"
       @click="handleGetSignUrl('gitcode')"
     >
-			<img src="~/assets/svg/logo-gitcode.svg" >
+      <img src="~/assets/svg/logo-gitcode.svg">
       使用 GitCode 登录
     </UButton>
     <UButton

components/i/library/Header.vue

@@ -3,9 +3,9 @@
     <div class="container max-w-screen-lg 2xl:max-w-screen-xl flex flex-col p-6">
       <div class="flex justify-between items-center gap-4">
         <div class="flex gap-4">
-					<IMenuSider />
+          <IMenuSider/>
           <div v-if="!collect" class="flex flex-shrink-0 items-center text-xl gap-2">
-						<UIcon name="i-heroicons-rectangle-stack-20-solid" />
+            <UIcon name="i-heroicons-rectangle-stack-20-solid"/>
             <div>主题</div>
           </div>
           <template v-else>
@@ -16,15 +16,15 @@
               to="/library"
             />
             <div class="flex items-center text-xl gap-2">
-							<UIcon name="i-heroicons-squares-2x2" />
+              <UIcon name="i-heroicons-squares-2x2"/>
               <div>{{ collect }}</div>
-							<UBadge color="gray" variant="soft" :label="count" />
+              <UBadge color="gray" variant="soft" :label="count"/>
             </div>
           </template>
         </div>
         <div class="flex flex-grow justify-end items-center gap-4">
           <div class="flex">
-						<IActionCollect v-if="collect" :id="collectId" />
+            <IActionCollect v-if="collect" :id="collectId"/>
           </div>
           <div v-if="!collect" class="flex">
             <UInput
@@ -52,9 +52,9 @@
       </div>
       <div v-if="description" class="text-gray-500 ml-12 mt-2">{{ description }}</div>
     </div>
-		<UDivider />
+    <UDivider/>
     <div v-if="showTabs" class="w-full p-6 block lg:hidden">
-			<UTabs :model-value="tab" :items="tabs" @update:model-value="handleChangeTab" />
+      <UTabs :model-value="tab" :items="tabs" @update:model-value="handleChangeTab"/>
     </div>
   </div>
 </template>

components/i/library/Thread.vue

@@ -7,8 +7,9 @@
   </ULink>
   <div class="flex justify-between items-center">
     <div class="flex gap-4">
-			<UTooltip class="flex items-center text-sm gap-0.5" :class="textColor" :text="thread.is_public ? '公开主题，链接可被发现' : '私密主题，仅自己可见'">
-				<UIcon :name="thread.is_public ? 'i-heroicons-lock-open' : 'i-heroicons-lock-closed'" />
+      <UTooltip class="flex items-center text-sm gap-0.5" :class="textColor"
+                :text="thread.is_public ? '公开主题，链接可被发现' : '私密主题，仅自己可见'">
+        <UIcon :name="thread.is_public ? 'i-heroicons-lock-open' : 'i-heroicons-lock-closed'"/>
         <span>{{ thread.is_public ? '公开' : '私有' }}</span>
       </UTooltip>
       <!--            <div class="flex items-center text-sm gap-0.5" :class="textColor">-->
@@ -17,7 +18,7 @@
       <!--            </div>-->
       <div class="flex" :class="textColor">
         <UTooltip class="flex items-center text-sm gap-0.5">
-					<UIcon name="i-heroicons-clock" />
+          <UIcon name="i-heroicons-clock"/>
           <span>{{ useTime(thread.create_time) }}</span>
           <template #text>
             {{ toValue(useDateFormat(thread.create_time, 'YYYY年M月D日 HH:mm')) }}
@@ -53,7 +54,7 @@
       />
     </div>
   </div>
-	<UDivider />
+  <UDivider/>
 </template>
 <script setup>
 const Layout = inject('Layout')

components/i/md/mdc.vue

 <template>
   <div class="grid grid-cols-1">
-		<MDC v-if="content" class="prose dark:prose-invert max-w-none" :class="'prose-' + size" :value="content" tag="article" />
+    <MDC v-if="content" class="prose dark:prose-invert max-w-none" :class="'prose-' + size" :value="content"
+         tag="article"/>
   </div>
 </template>
 <script setup>

components/i/search/Content.vue

 <template>
-	<ISearchProcess :collapse="collapse" :actions="actions" :status="processStatus" />
+  <ISearchProcess :collapse="collapse" :actions="actions" :status="processStatus"/>
   <template v-if="item.source && item.source.length > 0">
     <div class="text-xl flex items-center space-x-1">
-			<UIcon name="i-heroicons-link-20-solid" />
+      <UIcon name="i-heroicons-link-20-solid"/>
       <span>来源</span>
     </div>
     <div class="grid grid-cols-1 lg:grid-cols-3 gap-4">
-			<ISearchSource :source="item.source" />
+      <ISearchSource :source="item.source"/>
     </div>
   </template>
   <div v-if="processStatus ==='finish'" class="text-xl flex items-center space-x-1">
-		<UIcon name="i-heroicons-chat-bubble-left-right-20-solid" />
+    <UIcon name="i-heroicons-chat-bubble-left-right-20-solid"/>
     <span>{{ item.ansLoading ? '回答中' : '回答' }}</span>
   </div>
-	<IMdMdc :content="item.article" />
+  <IMdMdc :content="item.article"/>
   <div v-if="item.showActions" class="space-x-2">
-		<UButton size="xs" color="gray" leading-icon="i-heroicons-document-duplicate-20-solid" label="复制" @click="handleCopyMD" />
-		<UButton size="xs" color="gray" leading-icon="i-heroicons-share-20-solid" label="分享" @click="handleShare" />
-		<UButton v-if="isLastIndex" size="xs" color="gray" leading-icon="i-heroicons-arrow-path-rounded-square-20-solid" label="重写" @click="handleReGenerate" />
+    <UButton size="xs" color="gray" leading-icon="i-heroicons-document-duplicate-20-solid" label="复制"
+             @click="handleCopyMD"/>
+    <UButton size="xs" color="gray" leading-icon="i-heroicons-share-20-solid" label="分享" @click="handleShare"/>
+    <UButton v-if="isLastIndex" size="xs" color="gray" leading-icon="i-heroicons-arrow-path-rounded-square-20-solid"
+             label="重写" @click="handleReGenerate"/>
   </div>
 </template>
 <script setup>

components/i/search/Header.vue

 <template>
   <header class="sticky top-0 z-10 bg-white dark:bg-black w-full flex flex-col">
     <div class="w-full p-2 justify-between flex">
-			<IMenuSider />
+      <IMenuSider/>
       <div class="hidden md:flex">
         <div v-if="repo" class="flex items-center gap-2">
-					<UIcon name="i-simple-icons-github" />{{ repo }}
+          <UIcon name="i-simple-icons-github"/>
+          {{ repo }}
         </div>
       </div>
       <div class="flex-grow justify-center items-center space-x-2 hidden sm:flex">
@@ -48,34 +49,34 @@
                 >
                   <div class="flex-grow flex flex-col gap-1 text-sm">
                     <div class="flex items-center gap-1" :class="{ 'text-primary-500': !isOpen }">
-											<UIcon name="i-heroicons-lock-closed-16-solid" />
+                      <UIcon name="i-heroicons-lock-closed-16-solid"/>
                       <span>私密</span>
                     </div>
                     <div class="text-xs text-gray-500">只有作者可以查看</div>
                   </div>
                   <div v-if="!isOpen">
-										<UIcon name="i-heroicons-check-circle-20-solid" class="text-primary-500 text-xl" />
+                    <UIcon name="i-heroicons-check-circle-20-solid" class="text-primary-500 text-xl"/>
                   </div>
                 </div>
-								<UDivider />
+                <UDivider/>
                 <div
                   class="flex flex-grow justify-between m-1 p-1 cursor-pointer rounded hover:bg-gray-100 dark:hover:bg-gray-800"
                   @click="handleUpdateOpenState(true)"
                 >
                   <div class="flex-grow flex flex-col gap-1 text-sm" :class="{ 'text-primary-500': isOpen }">
                     <div class="flex items-center gap-1">
-											<UIcon name="i-heroicons-share-20-solid" />
+                      <UIcon name="i-heroicons-share-20-solid"/>
                       <span>可分享的</span>
                     </div>
                     <div class="text-xs text-gray-500">任何持有链接的人都可以查看</div>
                   </div>
                   <div v-if="isOpen">
-										<UIcon name="i-heroicons-check-circle-20-solid" class="text-primary-500 text-xl" />
+                    <UIcon name="i-heroicons-check-circle-20-solid" class="text-primary-500 text-xl"/>
                   </div>
                 </div>
               </div>
               <div v-if="isOpen" class="flex gap-1 items-center text-xs text-primary-500">
-								<UIcon name="i-heroicons-clipboard-document-check" />
+                <UIcon name="i-heroicons-clipboard-document-check"/>
                 <span>链接已复制</span>
               </div>
             </div>
@@ -83,7 +84,7 @@
         </UPopover>
       </div>
     </div>
-		<UDivider />
+    <UDivider/>
   </header>
 </template>
 <script setup>

components/i/search/RecommendQuestion.vue

 <template>
   <div class="text-xl flex items-center space-x-1">
-		<UIcon name="i-heroicons-rectangle-group-20-solid" />
+    <UIcon name="i-heroicons-rectangle-group-20-solid"/>
     <span>相关问题</span>
   </div>
   <div class="flex flex-col gap-2">
@@ -14,7 +14,7 @@
     >
       <div class="justify-between w-full flex items-center">
         <div class="truncate">{{ item.title }}</div>
-				<UIcon name="i-heroicons-plus-20-solid" class="text-base" />
+        <UIcon name="i-heroicons-plus-20-solid" class="text-base"/>
       </div>
     </UButton>
   </div>

components/i/search/Source.vue

@@ -4,7 +4,7 @@
       <div class="flex flex-col h-full gap-1">
         <template v-if="getIconPath(item.url) === 'github'">
           <div class="items-center flex gap-1">
-						<UIcon name="i-simple-icons-github" class="flex-shrink-0" />
+            <UIcon name="i-simple-icons-github" class="flex-shrink-0"/>
             <div class="flex flex-grow overflow-hidden">
               <div class="truncate">{{ item.title }}</div>
             </div>
@@ -17,7 +17,7 @@
             <div class="line-clamp-2 text-sm">{{ item.title }}</div>
           </div>
           <div class="items-center flex gap-1">
-						<UAvatar :src="getIconPath(item.url)" size="2xs" class="flex-shrink-0" />
+            <UAvatar :src="getIconPath(item.url)" size="2xs" class="flex-shrink-0"/>
             <div class="flex flex-grow overflow-hidden">
               <div class="truncate text-xs text-gray-500">{{ getDomain(item.url) }}</div>
             </div>
@@ -29,8 +29,8 @@
   </ULink>
   <UCard v-if="source.length > 6" class="cursor-pointer" :ui="cardUI" @click="handleToggleShowAll">
     <div class="flex items-center justify-center h-full gap-1">
-			<UIcon v-if="!showAllSource" name="i-heroicons-chevron-down-20-solid" />
-			<UIcon v-else name="i-heroicons-chevron-up-20-solid" />
+      <UIcon v-if="!showAllSource" name="i-heroicons-chevron-down-20-solid"/>
+      <UIcon v-else name="i-heroicons-chevron-up-20-solid"/>
       <div v-if="!showAllSource">查看全部{{ source.length }}个来源</div>
       <div v-else>收起</div>
     </div>

components/prose/ProseA.global.vue

@@ -3,7 +3,7 @@
     :href="href"
     :target="target"
   >
-		<slot />
+    <slot/>
   </NuxtLink>
 </template>
 

components/prose/ProsePre.global.vue

@@ -9,7 +9,7 @@
         @click="handleCopy"
       />
     </pre>
-		<UDivider :ui="{ border: { base: 'border-gray-700' } }" />
+    <UDivider :ui="{ border: { base: 'border-gray-700' } }"/>
     <pre :class="$props.class" class="m-0 rounded-none"><code v-html="codeBlock"/></pre>
   </UCard>
 </template>

eslint.config.mjs

@@ -4,8 +4,8 @@ import withNuxt from './.nuxt/eslint.config.mjs'
 export default withNuxt({
   files: ['**/*.vue', '**/*.js'],
   rules: {
-    'indent': [2, 2],
-    'vue/html-indent': ['off', 'tab', { }],
+    'vue/html-indent': ['off'],
+    'indent': ['error', 2],
     'no-empty': ['error', { 'allowEmptyCatch': true }],
     'vue/no-v-html': 'off',
     'no-useless-escape': 'error',

layouts/empty.vue

 <template>
-	<slot />
+  <slot/>
 </template>

pages/library/index.vue

 <template>
   <div class="w-full items-center flex flex-col">
-		<ILibraryHeader show-tabs :tab="tab" @change-tab="handleChangeTab" @search="handleSearch" @clear="getThreadData" />
+    <ILibraryHeader show-tabs :tab="tab" @change-tab="handleChangeTab" @search="handleSearch" @clear="getThreadData"/>
     <div class="container max-w-screen-lg 2xl:max-w-screen-xl flex flex-col p-6 pt-0 lg:pt-6">
       <div v-show="ready" class="flex gap-10">
         <div v-show="tab === 0 || tab === -1" class="flex flex-col flex-grow">
@@ -11,13 +11,13 @@
               :item="item"
               @delete="handleDeletedThread"
             />
-						<IEmpty v-if="!threads.length" />
+            <IEmpty v-if="!threads.length"/>
           </div>
         </div>
         <div v-show="tab === 1 || tab === -1" class="flex flex-col flex-shrink-0 w-full lg:w-56">
           <div class="flex justify-between items-center">
             <div class="flex items-center text-lg gap-2">
-							<UIcon name="i-heroicons-squares-2x2" />
+              <UIcon name="i-heroicons-squares-2x2"/>
               <div>合集</div>
             </div>
             <UButton

pages/search/[id].vue

 <template>
   <div class="w-full items-center flex flex-col">
-		<IException v-if="historyStatus !== 200" :code="historyStatus" />
+    <IException v-if="historyStatus !== 200" :code="historyStatus"/>
     <template v-else>
       <iSearchHeader
         ref="refHeader"
@@ -9,11 +9,12 @@
         :repo="state.repo"
         @update-query="handleUpdateQuery"
       />
-			<div ref="scrollElement" class="container min-h-svh max-w-screen-lg 2xl:max-w-screen-xl flex flex-col space-y-6 p-6 mb-6 pb-0">
+      <div ref="scrollElement"
+           class="container min-h-svh max-w-screen-lg 2xl:max-w-screen-xl flex flex-col space-y-6 p-6 mb-6 pb-0">
         <template v-for="(item, index) in data" :key="index">
           <ISearchArticle>
             <template #title>
-							<ISearchTitle :id="index + 1" as="h2" :title="item.question" />
+              <ISearchTitle :id="index + 1" as="h2" :title="item.question"/>
             </template>
             <ISearchContent
               :item="item"
@@ -25,15 +26,15 @@
               process-status="finish"
             />
             <template v-if="item.extra && item.extra.length > 0" #extra>
-							<ISearchExtraInfo :data="item.extra" />
+              <ISearchExtraInfo :data="item.extra"/>
             </template>
           </ISearchArticle>
-					<UDivider v-if="data.length !== index + 1 || askingData.question" class="pt-3 pb-2" />
+          <UDivider v-if="data.length !== index + 1 || askingData.question" class="pt-3 pb-2"/>
         </template>
         <template v-if="askingData.question">
           <ISearchArticle>
             <template #title>
-							<ISearchTitle :id="data.length + 1" as="h2" :title="askingData.question" />
+              <ISearchTitle :id="data.length + 1" as="h2" :title="askingData.question"/>
             </template>
             <ISearchContent
               :item="askingData"
@@ -45,7 +46,7 @@
               @regenerate="handleReGenerate"
             />
             <template v-if="askingSidebarCards.length > 0" #extra>
-							<ISearchExtraInfo :data="askingSidebarCards" />
+              <ISearchExtraInfo :data="askingSidebarCards"/>
             </template>
           </ISearchArticle>
         </template>
@@ -56,7 +57,7 @@
         />
       </div>
       <div class="container max-w-screen-lg 2xl:max-w-screen-xl sticky bottom-4 flex pl-6 pr-6">
-				<ISearchAsk :asking="asking" @stop="handleStopGenerate" @ask="handleContinueAsk" />
+        <ISearchAsk :asking="asking" @stop="handleStopGenerate" @ask="handleContinueAsk"/>
       </div>
     </template>
   </div>