auto import

rsbuild.config.ts

@@ -1,5 +1,8 @@
 import { defineConfig } from "@rsbuild/core"
 import { pluginVue } from "@rsbuild/plugin-vue"
+// import AutoImport from "unplugin-auto-import/rspack"
+import { NaiveUiResolver } from "unplugin-vue-components/resolvers"
+import Components from "unplugin-vue-components/rspack"
 
 export default defineConfig({
   plugins: [pluginVue()],
@@ -11,6 +14,28 @@ export default defineConfig({
       index: "./src/main.ts",
     },
   },
+  tools: {
+    rspack: {
+      plugins: [
+        // AutoImport({
+        //   imports: [
+        //     "vue",
+        //     {
+        //       "naive-ui": [
+        //         "useDialog",
+        //         "useMessage",
+        //         "useNotification",
+        //         "useLoadingBar",
+        //       ],
+        //     },
+        //   ],
+        // }),
+        Components({
+          resolvers: [NaiveUiResolver()],
+        }),
+      ],
+    },
+  },
   performance: {
     chunkSplit: {
       strategy: "split-by-experience",
@@ -20,4 +45,4 @@ export default defineConfig({
       },
     },
   },
-})
+})