迁移UI框架至naive-ui，重构组件和样式，添加Gallery和Mask组件

vite.config.ts

@@ -3,10 +3,10 @@ import { fileURLToPath, URL } from "node:url";
 import { resolve } from "path";
 import UnoCSS from "unocss/vite";
 import AutoImport from "unplugin-auto-import/vite";
-import { DevUiResolver } from "unplugin-vue-components/resolvers";
+import { NaiveUiResolver } from "unplugin-vue-components/resolvers";
 import Components from "unplugin-vue-components/vite";
-import { VueRouterAutoImports } from 'unplugin-vue-router';
-import VueRouter from 'unplugin-vue-router/vite';
+import { VueRouterAutoImports } from "unplugin-vue-router";
+import VueRouter from "unplugin-vue-router/vite";
 import { defineConfig } from "vite";
 // import vueDevTools from "vite-plugin-vue-devtools";
 import svgLoader from "vite-svg-loader";
@@ -14,17 +14,24 @@ import svgLoader from "vite-svg-loader";
 export default defineConfig({
   plugins: [
     vue(),
-    
+
     VueRouter({
       routesFolder: "src/views",
     }),
     AutoImport({
       include: [/\.[tj]sx?$/, /\.vue$/, /\.vue\?vue/, /\.md$/],
-      imports: ["vue", "pinia", VueRouterAutoImports],
+      imports: [
+        "vue",
+        "pinia",
+        VueRouterAutoImports,
+        {
+          "naive-ui": ["useDialog", "useMessage", "useNotification", "useLoadingBar"],
+        },
+      ],
     }),
-    
+
     Components({
-      resolvers: [DevUiResolver()],
+      resolvers: [NaiveUiResolver()],
       dirs: ["src/components"],
     }),
     UnoCSS(),
@@ -39,7 +46,7 @@ export default defineConfig({
   base: "/blog/",
   server: {
     host: "0.0.0.0",
-    port: 8080,
+    port: 8989,
   },
   resolve: {
     alias: {