up

nuxt · Feb 26, 2025 · baf0369 · baf0369
1 parent 8ca156a
commit baf0369
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 8 deletions.
diff --git a/docs/app/components/content/ComponentTheme.vue b/docs/app/components/content/ComponentTheme.vue
@@ -96,17 +96,37 @@ export default defineAppConfig(${json5.stringify(component.value, null, 2).repla
 
 ::
 
-::code-collapse{class="vue-only"}
+::code-collapse{class="vue-only ui-only"}
 
 \`\`\`ts [vite.config.ts]
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-import ${props.pro ? 'uiPro' : 'ui'} from '${props.pro ? '@nuxt/ui-pro/vite' : '@nuxt/ui/vite'}'
+import ui from '@nuxt/ui/vite'
 
 export default defineConfig({
   plugins: [
     vue(),
-    ${props.pro ? 'uiPro' : 'ui'}(${json5.stringify(component.value, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')
+    ui(${json5.stringify(component.value, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')
+      .split('\n')
+      .map((line, i) => i === 0 ? line : `    ${line}`)
+      .join('\n')})
+  ]
+})
+\`\`\`
+
+::
+
+::code-collapse{class="vue-only ui-pro-only"}
+
+\`\`\`ts [vite.config.ts]
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import uiPro from '@nuxt/ui-pro/vite'
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    uiPro(${json5.stringify(component.value, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')
       .split('\n')
       .map((line, i) => i === 0 ? line : `    ${line}`)
       .join('\n')})

diff --git a/docs/app/components/content/IconsTheme.vue b/docs/app/components/content/IconsTheme.vue
@@ -31,11 +31,7 @@ export default defineAppConfig(${json5.stringify({
 
 ::
 
-::caution{class="ui-pro-only vue-only"}
-Nuxt UI Pro v3 does not support Vue yet.
-::
-
-::code-collapse{class="vue-only"}
+::code-collapse{class="vue-only ui-only"}
 
 \`\`\`ts [vite.config.ts]
 import { defineConfig } from 'vite'
@@ -57,6 +53,30 @@ export default defineConfig({
 })
 \`\`\`
 
+::
+
+::code-collapse{class="vue-only ui-pro-only"}
+
+\`\`\`ts [vite.config.ts]
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import uiPro from '@nuxt/ui-pro/vite'
+
+export default defineConfig({
+  plugins: [
+    vue(),
+    uiPro(${json5.stringify({
+      ui: {
+        icons
+      }
+    }, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')
+      .split('\n')
+      .map((line, i) => i === 0 ? line : `    ${line}`)
+      .join('\n')})
+  ]
+})
+\`\`\`
+
 ::
 `