diff --git a/build/vite/plugins/component.ts b/build/vite/plugins/component.ts
index 390e645..8246e93 100644
--- a/build/vite/plugins/component.ts
+++ b/build/vite/plugins/component.ts
@@ -1,6 +1,7 @@
 /**
- * @name  ConfigAutoComponentsPlugin
+ * @name ConfigAutoComponentsPlugin
  * @description 按需加载，自动引入组件
+ * @returns {import('vite').Plugin} Vite插件配置
  */
 
 import Components from 'unplugin-vue-components/vite';
@@ -11,7 +12,7 @@ import { VantResolver } from '@vant/auto-import-resolver';
 
 export const ConfigAutoComponentsPlugin = () => {
   return Components({
-    // dirs: ['src/components'],
+    dirs: ['src/components'],
     extensions: ['vue', 'md'],
     deep: true,
     dts: 'types/components.d.ts',
@@ -20,6 +21,6 @@ export const ConfigAutoComponentsPlugin = () => {
     directives: true,
     include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
     exclude: [/[\\/]node_modules[\\/]/, /[\\/]\.git[\\/]/, /[\\/]\.nuxt[\\/]/],
-    resolvers: [VueUseComponentsResolver(), VantResolver(), VarletImportResolver(), NutUIResolver()],
+    resolvers: [VueUseComponentsResolver(), VantResolver(), VarletImportResolver(), NutUIResolver({ importStyle: 'sass' })],
   });
 };
diff --git a/package.json b/package.json
index d5b3592..2f71fc8 100644
--- a/package.json
+++ b/package.json
@@ -141,6 +141,7 @@
       "prettier --write"
     ]
   },
+  "packageManager": "pnpm@10.26.2",
   "config": {
     "commitizen": {
       "path": "node_modules/cz-git"
diff --git a/src/styles/varible.scss b/src/styles/varible.scss
new file mode 100644
index 0000000..2b88d4c
--- /dev/null
+++ b/src/styles/varible.scss
@@ -0,0 +1,2 @@
+$primary-color: green;
+$primary-color-end: #496af2;
diff --git a/vite.config.mts b/vite.config.mts
index 40e6f9b..ab7f896 100644
--- a/vite.config.mts
+++ b/vite.config.mts
@@ -1,5 +1,5 @@
 import { createVitePlugins } from './build/vite/plugins';
-import type { ConfigEnv, UserConfig } from 'vite';
+import type  { ConfigEnv, UserConfig } from 'vite';
 import { loadEnv } from 'vite';
 import { wrapperEnv } from './build/utils';
 import { fileURLToPath, URL } from 'node:url';
@@ -56,7 +56,10 @@ export default function ({ command, mode }: ConfigEnv): UserConfig {
     base: '/',
     root,
     resolve: {
-      alias: { '@': fileURLToPath(new URL('./src', import.meta.url)), '#': fileURLToPath(new URL('./types', import.meta.url)) },
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
+        '#': fileURLToPath(new URL('./types', import.meta.url))
+      },
     },
     server: {
       host: true,
@@ -76,10 +79,8 @@ export default function ({ command, mode }: ConfigEnv): UserConfig {
     css: {
       preprocessorOptions: {
         scss: {
-          quietDeps: true,
-          silenceDeprecations: ['legacy-js-api'],
           // 配置 nutui 全局 scss 变量
-          additionalData: `@use "@nutui/nutui/dist/styles/variables.scss" as *; @use '@/styles/vant.scss' as *;`,
+         additionalData: `@import "@/styles/varible.scss";@import "@nutui/nutui/dist/styles/variables-jdt.scss";`
         },
       },
     },