use element+ ui framework

products/neo-savant/package.json

@@ -25,6 +25,7 @@
     "axios": "^1.6.8",
     "bootstrap": "^4.4.1",
     "codemirror": "^6.0.1",
+    "element-plus": "^2.7.0",
     "floating-vue": "^5.2.2",
     "mitt": "^3.0.1",
     "numbro": "^2.5.0",
@@ -43,6 +44,8 @@
     "eslint": "^9.0.0",
     "eslint-plugin-vue": "^9.24.1",
     "sass": "^1.74.1",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
     "vite-plugin-node-polyfills": "^0.21.0"
   }
 }

products/neo-savant/vite.config.js

@@ -3,10 +3,11 @@
 import { defineConfig } from "vite";
 import createVuePlugin from "@vitejs/plugin-vue";
 import { nodePolyfills } from "vite-plugin-node-polyfills";
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
+import path from "path";
 
-const path = require("path");
-
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     createVuePlugin({
@@ -23,6 +24,12 @@ export default defineConfig({
         Buffer: true, // can also be 'build', 'dev', or false
       },
     }),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }),
   ],
   resolve: {
     alias: {