diff --git a/demo/pages/docs/nuxtjs/enUS/index.md b/demo/pages/docs/nuxtjs/enUS/index.md
index 1e894be96..d8a7f5f1a 100644
--- a/demo/pages/docs/nuxtjs/enUS/index.md
+++ b/demo/pages/docs/nuxtjs/enUS/index.md
@@ -36,24 +36,8 @@ import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  build: {
-    transpile:
-      process.env.NODE_ENV === 'production'
-        ? [
-            'naive-ui',
-            'vueuc',
-            '@css-render/vue3-ssr',
-            'juggle/resize-observer'
-          ]
-        : ['@juggle/resize-observer']
-  },
+  modules: ['nuxtjs-naive-ui'],
   vite: {
-    optimizeDeps: {
-      include:
-        process.env.NODE_ENV === 'development'
-          ? ['naive-ui', 'vueuc', 'date-fns-tz/esm/formatInTimeZone']
-          : []
-    },
     plugins: [
       AutoImport({
         imports: [
diff --git a/demo/pages/docs/nuxtjs/zhCN/index.md b/demo/pages/docs/nuxtjs/zhCN/index.md
index f07ccab40..f90b3e88a 100644
--- a/demo/pages/docs/nuxtjs/zhCN/index.md
+++ b/demo/pages/docs/nuxtjs/zhCN/index.md
@@ -36,24 +36,8 @@ import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
 
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  build: {
-    transpile:
-      process.env.NODE_ENV === 'production'
-        ? [
-            'naive-ui',
-            'vueuc',
-            '@css-render/vue3-ssr',
-            'juggle/resize-observer'
-          ]
-        : ['@juggle/resize-observer']
-  },
+  modules: ['nuxtjs-naive-ui'],
   vite: {
-    optimizeDeps: {
-      include:
-        process.env.NODE_ENV === 'development'
-          ? ['naive-ui', 'vueuc', 'date-fns-tz/esm/formatInTimeZone']
-          : []
-    },
     plugins: [
       AutoImport({
         imports: [