style: fix style

.github/CODE_OF_CONDUCT.md

@@ -55,7 +55,7 @@ further defined and clarified by project maintainers.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team. 
+reported by contacting the project team.
 All complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
 obligated to maintain confidentiality with regard to the reporter of an incident.

.github/PULL_REQUEST_TEMPLATE.md

@@ -27,7 +27,6 @@ _Put an `x` in the boxes that apply_
 
 ## Linked Issues
 
-
 ## Further comments
 
 <!-- If this is a relatively large or complex change, kick off the discussion by explaining why you chose the solution you did and what alternatives you considered, etc... -->

README.md

@@ -40,7 +40,6 @@ Mocking up web app with <b>Boot-Vue </b><sup><em>(speed)</em></sup><br>
 ### Performance
 <img src='README.assets/BootVue-Lighthouse.png' alt='Boot-Vue Outstanding performance' width='1851'/>
 
-
 ## directory
 
 ```
@@ -120,7 +119,6 @@ pnpm run build
 
 And you will see the generated file in `dist` that ready to be served.
 
-
 ### Deploy on Netlify
 
 Go to [Netlify](https://app.netlify.com/start) and select your clone, `OK` along the way, and your App will be live in a minute.
@@ -138,4 +136,3 @@ Run the image and specify port mapping with the `-p` flag.
 ```bash
 docker run --rm -it -p 8080:80 viteboot:latest
 ```
-

README.zh-CN.md

@@ -36,7 +36,6 @@
 ### 性能
 <img src='README.assets/BootVue-Lighthouse.png' alt='Boot-Vue Outstanding performance' width='1851'/>
 
-
 ## 项目结构
 
 ```
@@ -116,7 +115,6 @@ pnpm run build
 
 然后你会看到用于发布的 `dist` 文件夹被生成。
 
-
 ### 部署到 Netlify
 
 前往 [Netlify](https://app.netlify.com/start) 并选择你的仓库, 一路 `OK` 下去，稍等一下后，你的应用将被创建.
@@ -134,4 +132,3 @@ docker buildx build . -t viteboot:latest
 ```bash
 docker run --rm -it -p 8080:80 viteboot:latest
 ```
-

eslint.config.js

@@ -1,7 +1,5 @@
 import kirklin from "@kirklin/eslint-config";
-import unocss from "@unocss/eslint-plugin";
 
-export default kirklin(
-  {},
-  unocss.configs.flat,
-);
+export default kirklin({
+  unocss: true,
+});

netlify.toml

@@ -1,12 +1,12 @@
-[build.environment]
-  NPM_FLAGS = "--version"
-  NODE_VERSION = "16"
-
 [build]
-  publish = "dist"
-  command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
+publish = "dist"
+command = "npx pnpm i --store=node_modules/.pnpm-store && npx pnpm run build"
+
+[build.environment]
+NPM_FLAGS = "--version"
+NODE_VERSION = "16"
 
 [[redirects]]
-  from = "/*"
-  to = "/index.html"
-  status = 200
+from = "/*"
+to = "/index.html"
+status = 200

package.json

@@ -45,7 +45,7 @@
     "@iconify-json/mdi": "^1.1.63",
     "@iconify-json/tabler": "^1.1.102",
     "@intlify/unplugin-vue-i18n": "^2.0.0",
-    "@kirklin/eslint-config": "^1.1.0",
+    "@kirklin/eslint-config": "^1.1.1",
     "@types/node": "^20.10.6",
     "@types/nprogress": "^0.2.3",
     "@unocss/eslint-config": "^0.58.2",

src/components/Icon/UnoCSSIconButton.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 withDefaults(
-  defineProps<{ icon: string;size?: string }>(),
+  defineProps<{ icon: string; size?: string }>(),
   {
     icon: "i-mdi-alert ",
     size: "5",

src/components/README.md

@@ -1,4 +1,3 @@
 ## Components
 
 Components in this dir will be auto-registered and on-demand, powered by [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components).
-

src/layouts/Footer/index.vue

@@ -29,7 +29,7 @@ defineOptions({
        </div>
         <div class="text-left">
           <p class="text-xs text-base-content text-opacity-50">Created by</p>
-          <h2 class="text-lg font-bold text-base-content">Kirk Lin</h2>
+          <h2 class="text-lg text-base-content font-bold">Kirk Lin</h2>
         </div>
       </a>
       <div class="flex flex-col items-center gap-4 text-left sm:flex-row">
@@ -40,8 +40,8 @@ defineOptions({
             rel="nofollow"
             class="w-[130px] flex flex-col items-center rounded bg-base-100"
           >
-            <h3 class="p-2 text-xs font-bold text-base-content/50">BootVue™</h3>
-            <p class="px-1.5 py-2 text-xs tracking-tighter text-base-content/50">
+            <h3 class="p-2 text-xs text-base-content/50 font-bold">BootVue™</h3>
+            <p class="px-1.5 py-2 text-xs text-base-content/50 tracking-tighter">
               All Rights Reserved.
             </p>
           </a>

src/layouts/Navbar/components/ThemeChange/index.vue

@@ -104,7 +104,7 @@ function changeTheme(event: MouseEvent, theme: CustomTheme) {
         >
           <div
             :data-theme="theme.id"
-            class="w-full cursor-pointer bg-base-100 font-sans text-base-content"
+            class="w-full cursor-pointer bg-base-100 text-base-content font-sans"
           >
             <div class="grid grid-cols-5 grid-rows-3">
               <div class="col-span-5 row-span-3 row-start-1 flex gap-1 px-4 py-3">

src/layouts/Navbar/components/ThemeChange/types.ts

@@ -1,9 +1,9 @@
 import type { BasicColorSchema } from "@vueuse/core";
 
 export declare type CustomTheme = "cupcake" | "bumblebee" | "emerald" | "corporate" | "synthwave"
-| "retro" | "cyberpunk" | "valentine" | "halloween" | "garden" | "forest" | "aqua" |
-"lofi" | "pastel" | "fantasy" | "wireframe" | "black" | "luxury" | "dracula" | "cmyk" |
-"autumn" | "business" | "acid" | "lemonade" | "night" | "coffee" | "winter" | BasicColorSchema;
+  | "retro" | "cyberpunk" | "valentine" | "halloween" | "garden" | "forest" | "aqua" |
+  "lofi" | "pastel" | "fantasy" | "wireframe" | "black" | "luxury" | "dracula" | "cmyk" |
+  "autumn" | "business" | "acid" | "lemonade" | "night" | "coffee" | "winter" | BasicColorSchema;
 export interface ThemeList {
   name: string;
   id: CustomTheme;