lint --fix

app/components/blog/BlogHero.vue

@@ -9,10 +9,10 @@
       loading="lazy"
       sizes="100vw sm:50vw md:33vw"
     />
-    
+
     <!-- 渐变遮罩 -->
     <!-- <div class="absolute inset-0 bg-gradient-to-r from-black/60 via-black/40 to-transparent"></div> -->
-    
+
     <!-- 内容区域 -->
     <!-- <div class="absolute inset-0 flex items-center justify-start p-8">
       <div class="max-w-2xl">
@@ -36,5 +36,3 @@
     </div> -->
   </div>
 </template>
-
-

app/components/blog/indexBlog.vue

@@ -38,8 +38,6 @@ const formatDate = (date: string | Date | null | undefined) => {
 <template>
   <div class="w-full bg-gray-50 dark:bg-gray-900 min-h-screen mt-4">
     <div class="max-w-4xl mx-auto ">
-
-
       <!-- 文章列表 -->
       <div class="space-y-6 w-full">
         <NuxtLink
@@ -55,13 +53,13 @@ const formatDate = (date: string | Date | null | undefined) => {
             <div class="flex flex-row">
               <!-- 图片预览区域 -->
               <div class="w-32 h-32 md:w-40 md:h-40 mt-2 ml-2 mb-2 md:mr-2 -mr-1 bg-gray-100 dark:bg-gray-700 rounded-xl overflow-hidden">
-                <img 
+                <img
-                  :src="item.img || '/images/default-blog.jpg'" 
+                  :src="item.img || '/images/default-blog.jpg'"
                   :alt="item.title"
                   class="w-full h-full object-contain group-hover:scale-110 transition-transform duration-300"
-                />  
+                >
               </div>
-              
+
               <!-- 文字内容区域 -->
               <div class="flex-1 p-4 md:p-6">
                 <!-- 文章头部 -->

app/pages/blog/[...slug].vue

@@ -162,7 +162,7 @@ const links = computed(() => {
       <UContentSurround :surround="surround" />
     </UPageBody>
 
-    <template 
+    <template
       v-if="page?.body?.toc?.links?.length"
       #right
     >
@@ -174,7 +174,6 @@ const links = computed(() => {
             root: 'fixed w-full xl:right-12 xl:w-64 z-50 bg-white dark:bg-gray-900 lg:border border-gray-200 dark:border-gray-700 rounded-lg lg:shadow-lg lg:mt-5'
           }"
         >
-        
           <template
             v-if="appConfig.toc?.bottom"
             #bottom

app/pages/docs/[...slug].vue

@@ -162,7 +162,7 @@ const links = computed(() => {
       <UContentSurround :surround="surround" />
     </UPageBody>
 
-    <template 
+    <template
       v-if="page?.body?.toc?.links?.length"
       #right
     >
@@ -174,7 +174,6 @@ const links = computed(() => {
             root: 'fixed w-full xl:right-12 xl:w-64 z-50 bg-white dark:bg-gray-900 lg:border border-gray-200 dark:border-gray-700 rounded-lg lg:shadow-lg lg:mt-5'
           }"
         >
-        
           <template
             v-if="appConfig.toc?.bottom"
             #bottom

app/pages/index.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { useSeoMeta } from '#imports'
+
 definePageMeta({
   layout: 'docs'
 })
@@ -8,7 +9,7 @@ useSeoMeta({
   title: 'Estel Docs',
   description: '简约而强大的文档系统，为技术分享而生',
   ogTitle: 'Estel Docs',
-  ogDescription: '简约而强大的文档系统，为技术分享而生',
+  ogDescription: '简约而强大的文档系统，为技术分享而生'
 })
 </script>
 
@@ -51,7 +52,10 @@ useSeoMeta({
             </p>
             <div class="flex items-center justify-center text-blue-600 dark:text-blue-400 group-hover:text-blue-700 dark:group-hover:text-blue-300 transition-colors">
               <span class="mr-2">开始阅读</span>
-              <UIcon name="lucide-arrow-right" size="20" />
+              <UIcon
+                name="lucide-arrow-right"
+                size="20"
+              />
             </div>
           </div>
         </NuxtLink>
@@ -76,7 +80,10 @@ useSeoMeta({
             </p>
             <div class="flex items-center justify-center text-green-600 dark:text-green-400 group-hover:text-green-700 dark:group-hover:text-green-300 transition-colors">
               <span class="mr-2">开始阅读</span>
-              <UIcon name="lucide-arrow-right" size="20" />
+              <UIcon
+                name="lucide-arrow-right"
+                size="20"
+              />
             </div>
           </div>
         </NuxtLink>
@@ -86,14 +93,28 @@ useSeoMeta({
       <div class="text-center mt-16">
         <div class="flex items-center justify-center gap-8 text-sm text-gray-500 dark:text-gray-400">
           <div class="flex items-center gap-2">
-            <UIcon name="lucide-github" size="16" />
+            <UIcon
-            <a href="https://github.com/estel-li/estel-docs" target="_blank" class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors">
+              name="lucide-github"
+              size="16"
+            />
+            <a
+              href="https://github.com/estel-li/estel-docs"
+              target="_blank"
+              class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors"
+            >
               GitHub
             </a>
           </div>
           <div class="flex items-center gap-2">
-            <UIcon name="lucide-globe" size="16" />
+            <UIcon
-            <a href="https://lijue.me" target="_blank" class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors">
+              name="lucide-globe"
+              size="16"
+            />
+            <a
+              href="https://lijue.me"
+              target="_blank"
+              class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors"
+            >
               个人博客
             </a>
           </div>

nuxt.config.ts

@@ -24,7 +24,7 @@ export default defineNuxtConfig({
         },
         highlight: {
           langs:
-            ['js', 'ts', 'jsx', 'tsx', 'js', 'json', 'bash', 'python', 'html', 'css', 'sql', 
+            ['js', 'ts', 'jsx', 'tsx', 'js', 'json', 'bash', 'python', 'html', 'css', 'sql',
               'yaml', 'md', 'sh', 'go', 'java', 'c', 'cpp', 'php', 'ruby', 'swift', 'html'],
           theme: {
             // Default theme (same as single string)