refactor: 更换 UI 组件库为 Element-plus，优化代码结构

nuxt.config.ts

@@ -3,12 +3,12 @@ export default defineNuxtConfig({
   // SEO 和 Meta
   app: {
     head: {
-      title: '程序员的梦中情站',
+      title: process.env.SITE_TITLE,
       charset: 'utf-8',
       viewport: 'width=device-width, initial-scale=1',
       meta: [
-        { name: 'keywords', content: '程序员,梦中情站,工具,AI' },
-        { name: 'description', content: '程序员的梦中情站，致力于开发一个能提高程序员开发效率的网站' }
+        { name: 'keywords', content: process.env.SITE_KEYWORDS },
+        { name: 'description', content: process.env.SITE_DESCRIPTION }
       ],
       link: [
         { rel: 'icon', type: 'image/x-icon', href: 'favicon.ico' }
@@ -18,11 +18,15 @@ export default defineNuxtConfig({
   // 源目录
   srcDir: 'src/',
   // 引入模块
-  modules: ['@nuxt/ui', '@nuxt/image', 'nuxt-icons', '@nuxtjs/supabase'],
+  modules: ['@nuxt/image', 'nuxt-icons', '@nuxtjs/supabase', '@nuxtjs/tailwindcss', '@element-plus/nuxt', '@nuxtjs/color-mode', 'nuxt-icon'],
   supabase: {
     redirect: false // https://supabase.nuxtjs.org/get-started#redirect
   },
+  colorMode: {
+    classSuffix: ''
+  },
   experimental: {
     viewTransition: true
-  }
+  },
+  css: ['element-plus/theme-chalk/dark/css-vars.css', '~/assets/scss/main.scss']
 })

package.json

@@ -22,27 +22,32 @@
     "release": "release-it"
   },
   "dependencies": {
-    "@iconify/json": "^2.2.200",
-    "@nuxt/ui": "^2.15.1",
     "@supabase/supabase-js": "^2.43.4",
+    "@vue/shared": "^3.4.27",
+    "element-plus": "^2.7.3",
     "nuxt": "^3.11.2",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
+    "@element-plus/nuxt": "^1.0.9",
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/image": "^1.6.0",
+    "@nuxtjs/color-mode": "^3.4.1",
     "@nuxtjs/stylelint-module": "^5.2.0",
     "@nuxtjs/supabase": "^1.2.2",
+    "@nuxtjs/tailwindcss": "^6.12.0",
     "@release-it/conventional-changelog": "^8.0.1",
     "eslint": "^8.57.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
+    "nuxt-icon": "^0.6.10",
     "nuxt-icons": "^3.2.1",
     "prettier": "^3.2.5",
     "release-it": "^17.1.1",
+    "sass": "^1.77.3",
     "stylelint": "^16.3.1",
     "stylelint-config-recommended-vue": "^1.5.0",
     "stylelint-config-standard": "^36.0.0",