chore: delete useless code & update example

warmthsea · warmthsea · commit c489458d3eda · 2025-08-12T16:16:38.000+08:00
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,7 +1,6 @@
 {
   "recommendations": [
     "vue.volar",
-    "dbaeumer.vscode-eslint",
-    "EditorConfig.EditorConfig"
+    "dbaeumer.vscode-eslint"
   ]
 }
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-    <title>ElementPlus Demo</title>
+    <title>Element Plus Demo</title>
     <meta name="description" content="ElementPlus Demo" />
   </head>
   <body class="font-sans dark:text-white dark:bg-hex-121212">
diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
   "packageManager": "pnpm@10.12.1",
   "scripts": {
     "build": "vite build",
-    "dev": "vite --port 3333",
+    "dev": "vite --port 3100",
     "lint": "eslint .",
     "typecheck": "vue-tsc",
     "preview": "vite preview",
@@ -24,21 +24,18 @@
     "@antfu/eslint-config": "^4.14.1",
     "@iconify-json/carbon": "^1.2.9",
     "@types/node": "^22.15.31",
-    "@unocss/eslint-plugin": "^66.2.0",
     "@vitejs/plugin-vue": "^5.2.4",
-    "@vue-macros/volar": "^3.0.0-beta.14",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.28.0",
     "eslint-plugin-format": "^1.0.1",
     "jsdom": "^26.1.0",
     "lint-staged": "^16.1.0",
+    "sass": "^1.90.0",
     "simple-git-hooks": "^2.13.0",
     "taze": "^19.1.0",
     "typescript": "^5.8.3",
-    "unocss": "^66.2.0",
     "unplugin-auto-import": "^19.3.0",
     "unplugin-vue-components": "^28.7.0",
-    "unplugin-vue-macros": "^2.14.5",
     "unplugin-vue-router": "^0.12.0",
     "vite": "^6.3.5",
     "vitest": "^3.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/favicon.svg b/public/favicon.svg
@@ -1,9 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <style>
-    path { fill: #222; }
-    @media (prefers-color-scheme: dark) {
-      path { fill: #ffffff; }
-    }
-  </style>
-  <path d="M27.562 26L17.17 8.928l2.366-3.888L17.828 4L16 7.005L14.17 4l-1.708 1.04l2.366 3.888L4.438 26H2v2h28v-2zM16 10.85L25.22 26H17v-8h-2v8H6.78z" />
-</svg>
+<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><defs><style>.cls-1{fill:#409eff;fill-rule:evenodd;}</style></defs><title>element plus-logo-small 副本</title><path id="element_plus-logo-small" data-name="element plus-logo-small" class="cls-1" d="M37.41,32.37c0,1.57-.83,1.93-.83,1.93L21.51,43A1.69,1.69,0,0,1,20,43S5.2,34.4,4.66,34a1.29,1.29,0,0,1-.55-1V15.24c0-.78,1-1.33,1-1.33L19.86,5.36a2,2,0,0,1,1.79,0l14.46,8.41a2.06,2.06,0,0,1,1.25,2.06V32.37Zm-5.9-17L21.35,9.5a1.59,1.59,0,0,0-1.41,0L8.33,16.15s-.77.46-.76,1.08,0,13.92,0,13.92A1,1,0,0,0,8,31.9c.43.3,12,7,12,7a1.31,1.31,0,0,0,1.19,0C21.91,38.5,33,32.11,33,32.11s.65-.28.65-1.51V27.13l-13,7.9V32a3.05,3.05,0,0,1,1-2.07L33.2,23a2.44,2.44,0,0,0,.55-1.46V18.43L20.64,26.35v-3.2a2.22,2.22,0,0,1,.83-1.79ZM41.07,4.22a.39.39,0,0,0-.37-.42H38V1.06c0-.16-.26-.22-.53-.22L36,1.08c-.18,0-.31.12-.31.23V3.8H33a.4.4,0,0,0-.36.37v2h3V9c0,.16.26.27.54.23l1.51-.25c.18,0,.29-.13.29-.23V6.14h3Z"/></svg>
diff --git a/shims.d.ts b/shims.d.ts
@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<object, object, any>
+  export default component
+}
diff --git a/src/components/Main.vue b/src/components/Main.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="w-screen h-screen flex flex-col items-center justify-center">
+    <slot />
+  </div>
+</template>
diff --git a/src/components/TheInput.vue b/src/components/TheInput.vue
diff --git a/src/main.ts b/src/main.ts
@@ -3,8 +3,8 @@ import { createRouter, createWebHistory } from 'vue-router'
 import { routes } from 'vue-router/auto-routes'
 import App from './App.vue'
 
-import './styles/index.css'
-import './styles/main.css'
+import './styles/tailwind.css'
+import './styles/main.scss'
 
 const app = createApp(App)
 const router = createRouter({
diff --git a/src/pages/README.md b/src/pages/README.md
diff --git a/src/pages/index.vue b/src/pages/index.vue
@@ -7,12 +7,15 @@ const name = ref('Element Plus Demo')
 </script>
 
 <template>
-  <div class="w-screen h-screen flex flex-col items-center justify-center">
+  <Main>
     <h1 class="text-lg mb-4">
       {{ name }}
     </h1>
     <div>
+      <el-button type="primary" size="large" class="mr-4" @click="toggleDark()">
+        {{ isDark ? 'Light Mode' : 'Dark Mode' }}
+      </el-button>
       <el-input v-model="name" size="large" clearable class="!w-60" placeholder="please input" />
     </div>
-  </div>
+  </Main>
 </template>
diff --git a/src/styles/element/index.scss b/src/styles/element/index.scss
@@ -0,0 +1,7 @@
+@forward 'element-plus/theme-chalk/src/common/var.scss' with (
+  $colors: (
+    'primary': (
+      'base': #6c93cc,
+    ),
+  )
+);
diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -1,3 +1,5 @@
+@use 'element-plus/theme-chalk/src/dark/css-vars.scss' as *;
+
 html,
 body,
 #app {
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
diff --git a/tsconfig.json b/tsconfig.json
@@ -12,7 +12,6 @@
     "resolveJsonModule": true,
     "types": [
       "vite/client",
-      "unplugin-vue-macros/macros-global",
       "unplugin-vue-router/client",
       "element-plus/global"
     ],
diff --git a/vite.config.ts b/vite.config.ts
@@ -6,7 +6,6 @@ import Vue from '@vitejs/plugin-vue'
 import AutoImport from 'unplugin-auto-import/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
-import VueMacros from 'unplugin-vue-macros/vite'
 import { VueRouterAutoImports } from 'unplugin-vue-router'
 import VueRouter from 'unplugin-vue-router/vite'
 import { defineConfig } from 'vite'
@@ -17,19 +16,15 @@ export default defineConfig({
       '~/': `${path.resolve(__dirname, 'src')}/`,
     },
   },
-  plugins: [
-    VueMacros({
-      defineOptions: false,
-      defineModels: false,
-      plugins: {
-        vue: Vue({
-          script: {
-            propsDestructure: true,
-            defineModel: true,
-          },
-        }),
+  css: {
+    preprocessorOptions: {
+      scss: {
+        additionalData: `@use "~/styles/element/index.scss" as *;`,
       },
-    }),
+    },
+  },
+  plugins: [
+    Vue(),
 
     // https://github.com/posva/unplugin-vue-router
     VueRouter(),
@@ -56,14 +51,11 @@ export default defineConfig({
     // https://github.com/antfu/vite-plugin-components
     Components({
       dts: true,
-      resolvers: [ElementPlusResolver()],
+      resolvers: [ElementPlusResolver({
+        importStyle: 'sass',
+      })],
     }),
 
     tailwindcss(),
   ],
-
-  // https://github.com/vitest-dev/vitest
-  test: {
-    environment: 'jsdom',
-  },
 })

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"recommendations": [`
`3`	`3`	`"vue.volar",`
`4`		`- "dbaeumer.vscode-eslint",`
`5`		`- "EditorConfig.EditorConfig"`
	`4`	`+ "dbaeumer.vscode-eslint"`
`6`	`5`	`]`
`7`	`6`	`}`