fix: ensure extend optimizeDeps work

playground/app.vue

@@ -7,18 +7,25 @@
     @user-action="handleUserAction"
   >
     <template #main>
-      <div style="width: 100%; height: 1200px; padding: 20px;">
-        <VButton type="success" :icon="IUser" @click="handleClick">
-          Button
-        </VButton>
-        <v-auto-complete></v-auto-complete>
-        <VIcon>
-          <ISackDollar></ISackDollar>
-        </VIcon>
-        <div
-          v-loading="true"
-          style="width: 200px; height: 100px; background-color: var(--vxp-bg-color-reverse);"
-        ></div>
+      <div style="width: 100%; height: 1200px; padding: 20px">
+        <VSpace vertical>
+          <div>
+            <VButton type="primary" :icon="IUser">
+              Button
+            </VButton>
+            <VButton type="success" :icon="IUser" @click="handleClick">
+              Button
+            </VButton>
+          </div>
+          <v-auto-complete style="max-width: 400px"></v-auto-complete>
+          <VIcon>
+            <ISackDollar></ISackDollar>
+          </VIcon>
+          <div
+            v-loading="true"
+            style="width: 200px; height: 100px; background-color: var(--vxp-bg-color-reverse)"
+          ></div>
+        </VSpace>
       </div>
     </template>
   </VLayout>

playground/nuxt.config.ts

@@ -1,11 +1,24 @@
-// import { fileURLToPath } from 'node:url'
 import vexipUI from '../src/module'
 
+const vxpStylePresetRE = /vexip-ui\/style(?:\/dark)?\/preset/
+
 export default defineNuxtConfig({
-  // alias: {
-  //   'vexip-ui': fileURLToPath(new URL('../../..', import.meta.url)),
-  //   '@vexip-ui/icons': fileURLToPath(new URL('../../icons/dist/index', import.meta.url))
-  // },
   modules: [vexipUI],
-  vexipUI: {}
+  vexipUI: {
+    importStyle: 'sass',
+    importDarkTheme: true
+  },
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: (code: string, path: string) => {
+            return vxpStylePresetRE.test(path)
+              ? code.replace('@use \'./design/variables.scss\' as *;', '@use \'@/style/variables.scss\' as *;')
+              : code
+          }
+        }
+      }
+    }
+  }
 })

playground/package.json

@@ -1,4 +1,7 @@
 {
   "private": true,
-  "name": "vexip-nuxt-playground"
+  "name": "vexip-nuxt-playground",
+  "devDependencies": {
+    "sass": "^1.69.3"
+  }
 }

playground/style/variables.scss

@@ -0,0 +1,7 @@
+@forward 'vexip-ui/style/design' with (
+  $color-map: (
+    primary: (
+      base: #845ef7
+    )
+  )
+);

pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - playground

src/module.ts

@@ -113,7 +113,7 @@ export default defineNuxtModule<ModuleOptions>({
       config.optimizeDeps = config.optimizeDeps || {}
       config.optimizeDeps.include = config.optimizeDeps.include || []
       config.optimizeDeps.include.push('vexip-ui', '@vexip-ui/icons')
-    }, { build: false })
+    })
 
     nuxt.hook('vite:extendConfig', (config, { isClient }) => {
       config.plugins = config.plugins || []