diff --git a/src/components/common/AppFooter.vue b/src/components/common/AppFooter.vue
index 5be6d18..9d80972 100644
--- a/src/components/common/AppFooter.vue
+++ b/src/components/common/AppFooter.vue
@@ -7,8 +7,8 @@
         target="__blank"
         hover="decoration-underline color-primary"
       >
-        大脸怪</a
-      >
+        大脸怪
+      </a>
     </p>
     <p>
       <a
diff --git a/src/views/demo/base/index.vue b/src/views/demo/base/index.vue
index 46338b9..3a0e63f 100644
--- a/src/views/demo/base/index.vue
+++ b/src/views/demo/base/index.vue
@@ -4,28 +4,32 @@
       <n-card title="按钮 Button">
         <n-space>
           <n-button>Default</n-button>
-          <n-button type="tertiary"> Tertiary </n-button>
-          <n-button type="primary"> Primary </n-button>
-          <n-button type="info"> Info </n-button>
-          <n-button type="success"> Success </n-button>
-          <n-button type="warning"> Warning </n-button>
-          <n-button type="error"> Error </n-button>
+          <n-button type="tertiary">Tertiary</n-button>
+          <n-button type="primary">Primary</n-button>
+          <n-button type="info">Info</n-button>
+          <n-button type="success">Success</n-button>
+          <n-button type="warning">Warning</n-button>
+          <n-button type="error">Error</n-button>
         </n-space>
       </n-card>
 
       <n-card title="带 Icon 的按钮">
         <n-space>
           <n-button type="info">
-            <TheIcon icon="material-symbols:add" :size="18" class="mr-5" /> 新增
+            <TheIcon icon="material-symbols:add" :size="18" class="mr-5" />
+            新增
           </n-button>
           <n-button type="error">
-            <TheIcon icon="material-symbols:delete-outline" :size="18" class="mr-5" /> 删除
+            <TheIcon icon="material-symbols:delete-outline" :size="18" class="mr-5" />
+            删除
           </n-button>
           <n-button type="warning">
-            <TheIcon icon="material-symbols:edit-outline" :size="18" class="mr-5" /> 编辑
+            <TheIcon icon="material-symbols:edit-outline" :size="18" class="mr-5" />
+            编辑
           </n-button>
           <n-button type="primary">
-            <TheIcon icon="majesticons:eye-line" :size="18" class="mr-5" /> 查看
+            <TheIcon icon="majesticons:eye-line" :size="18" class="mr-5" />
+            查看
           </n-button>
         </n-space>
       </n-card>
@@ -34,15 +38,18 @@
     <n-space size="large" mt-30>
       <n-card min-w-340 title="通知 Notification">
         <n-space>
-          <n-button @click="notify('info')"> 信息 </n-button>
-          <n-button @click="notify('success')"> 成功 </n-button>
-          <n-button @click="notify('warning')"> 警告 </n-button>
-          <n-button @click="notify('error')"> 错误 </n-button>
+          <n-button @click="notify('info')">信息</n-button>
+          <n-button @click="notify('success')">成功</n-button>
+          <n-button @click="notify('warning')">警告</n-button>
+          <n-button @click="notify('error')">错误</n-button>
         </n-space>
       </n-card>
 
       <n-card min-w-340 title="确认弹窗 Dialog">
-        <n-button type="error" @click="handleDelete"> <icon-mi:delete mr-5 />删除</n-button>
+        <n-button type="error" @click="handleDelete">
+          <icon-mi:delete mr-5 />
+          删除
+        </n-button>
       </n-card>
 
       <n-card min-w-340 title="消息提醒 Message">
diff --git a/src/views/demo/base/unocss/index.vue b/src/views/demo/base/unocss/index.vue
index 090bde1..fa2fd4e 100644
--- a/src/views/demo/base/unocss/index.vue
+++ b/src/views/demo/base/unocss/index.vue
@@ -1,9 +1,10 @@
 <template>
   <CommonPage show-footer>
     <p>
-      文档：<a c-blue hover-decoration-underline href="https://uno.antfu.me/" target="_blank"
-        >https://uno.antfu.me/</a
-      >
+      文档：
+      <a c-blue hover-decoration-underline href="https://uno.antfu.me/" target="_blank">
+        https://uno.antfu.me/
+      </a>
     </p>
     <p>
       playground：
diff --git a/src/views/demo/editor/md-editor.vue b/src/views/demo/editor/md-editor.vue
index 36d841e..bb0a4bf 100644
--- a/src/views/demo/editor/md-editor.vue
+++ b/src/views/demo/editor/md-editor.vue
@@ -9,7 +9,8 @@
         placeholder="输入文章标题..."
       />
       <n-button type="primary" style="width: 80px" :loading="btnLoading" @click="handleSavePost">
-        <TheIcon v-if="!btnLoading" icon="line-md:confirm-circle" class="mr-5" :size="18" /> 保存
+        <TheIcon v-if="!btnLoading" icon="line-md:confirm-circle" class="mr-5" :size="18" />
+        保存
       </n-button>
     </div>
     <MdEditor v-model="post.content" style="height: calc(100vh - 305px)" dark:bg-dark />
diff --git a/src/views/demo/table/index.vue b/src/views/demo/table/index.vue
index a72c6d5..835c586 100644
--- a/src/views/demo/table/index.vue
+++ b/src/views/demo/table/index.vue
@@ -3,10 +3,12 @@
     <template #action>
       <div>
         <n-button type="primary" secondary @click="$table?.handleExport()">
-          <TheIcon icon="mdi:download" :size="18" class="mr-5" /> 导出
+          <TheIcon icon="mdi:download" :size="18" class="mr-5" />
+          导出
         </n-button>
         <n-button type="primary" class="ml-16" @click="handleAdd">
-          <TheIcon icon="material-symbols:add" :size="18" class="mr-5" /> 新建文章
+          <TheIcon icon="material-symbols:add" :size="18" class="mr-5" />
+          新建文章
         </n-button>
       </div>
     </template>
diff --git a/src/views/demo/upload/index.vue b/src/views/demo/upload/index.vue
index 394c48e..1a163b3 100644
--- a/src/views/demo/upload/index.vue
+++ b/src/views/demo/upload/index.vue
@@ -10,7 +10,7 @@
       <n-upload-dragger>
         <div class="h-150 f-c-c flex-col">
           <TheIcon icon="mdi:upload" size="68" class="mb-12 c-primary" />
-          <n-text class="text-14 c-gray"> 点击或者拖动文件到该区域来上传 </n-text>
+          <n-text class="text-14 c-gray">点击或者拖动文件到该区域来上传</n-text>
         </div>
       </n-upload-dragger>
     </n-upload>
@@ -23,16 +23,17 @@
               <n-image width="200" :src="item.url" />
             </div>
             <n-space class="mt-16" justify="space-evenly">
-              <n-button dashed type="primary" @click="copy(item.url)"> url </n-button>
-              <n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)"
-                >MD</n-button
-              >
+              <n-button dashed type="primary" @click="copy(item.url)">url</n-button>
+              <n-button dashed type="primary" @click="copy(`![${item.fileName}](${item.url})`)">
+                MD
+              </n-button>
               <n-button
                 dashed
                 type="primary"
                 @click="copy(`&lt;img src=&quot;${item.url}&quot; /&gt;`)"
-                >img</n-button
               >
+                img
+              </n-button>
             </n-space>
           </n-card>
           <div v-for="i in 4" :key="i" class="w-280" />
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 1e51ddf..0eaa1dc 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -11,7 +11,8 @@
 
       <div w-320 flex-col px-20 py-35>
         <h5 f-c-c text-24 font-normal color="#6a6a6a">
-          <icon-custom-logo mr-10 text-50 color-primary />{{ title }}
+          <icon-custom-logo mr-10 text-50 color-primary />
+          {{ title }}
         </h5>
         <div mt-30>
           <n-input
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 291e213..4d344fa 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -10,7 +10,7 @@
           </div>
           <div ml-auto flex items-center>
             <n-statistic label="待办" :value="4">
-              <template #suffix> / 10 </template>
+              <template #suffix>/ 10</template>
             </n-statistic>
             <n-statistic label="Stars" ml-80 w-100>
               <a href="https://github.com/zclzone/vue-naive-admin">