@nuxt/ui 4.10.0 → 4.11.0

package/dist/unplugin.d.mts

@@ -64,7 +64,7 @@ type AppConfigUI = {
     icons?: Partial<typeof _default>;
     prefix?: string;
 } & TVConfig<typeof ui>;
-interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode' | 'content' | 'experimental'> {
+interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode' | 'content'> {
     /** Whether to generate declaration files for auto-imported components. */
     dts?: boolean;
     ui?: AppConfigUI;

package/dist/unplugin.mjs

@@ -3,16 +3,16 @@ import { join, normalize, relative } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { c as getTemplates, e as publicComposables, g as getClientBundleIcons, p as parseIconName, d as defaultOptions, r as resolveColors, b as getDefaultConfig } from './shared/ui.XkBrgXFP.mjs';
+import { e as getTemplates, h as resolveExtraScanDirs, b as detectUsedComponents, f as publicComposables, g as getClientBundleIcons, p as parseIconName, d as defaultOptions, r as resolveColors, c as getDefaultConfig } from './shared/ui.DNq7CNkE.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
+import { consola } from 'consola';
 import MagicString from 'magic-string';
 import { genSafeVariableName } from 'knitwork';
 import { resolvePathSync } from 'mlly';
 import { globSync } from 'tinyglobby';
 import AutoImportComponents from 'unplugin-vue-components';
 import AutoImport from 'unplugin-auto-import';
-import { consola } from 'consola';
 import { IconUsageScanner, resolveBundleIcons, generateClientBundleCode, collectionNames } from '@nuxt/icon/utils';
 import '../dist/runtime/utils/index.js';
 import 'scule';
@@ -20,8 +20,9 @@ import 'tailwindcss/colors';
 import '@nuxt/kit';
 import 'node:fs/promises';
 
-function TemplatePlugin(options, appConfig) {
-  const templates = getTemplates(options, appConfig.ui);
+function TemplatePlugin(options, appConfig, componentDir) {
+  const vue = {};
+  const templates = getTemplates(options, appConfig.ui, void 0, void 0, vue);
   const templateKeys = new Set(templates.map((t) => `#build/${t.filename}`));
   async function writeTemplates(root) {
     const map = {};
@@ -60,7 +61,22 @@ function TemplatePlugin(options, appConfig) {
     enforce: "pre",
     vite: {
       async config(config) {
-        const alias = await writeTemplates(path.resolve(options.root || config.root || "."));
+        const root = path.resolve(options.root || config.root || ".");
+        if (options.experimental?.componentDetection && componentDir) {
+          const dirs = resolveExtraScanDirs(root, options.scanPackages, options.components ? options.components.dirs : void 0);
+          vue.detectedComponents = await detectUsedComponents(
+            [root, ...dirs],
+            options.prefix,
+            componentDir,
+            Array.isArray(options.experimental.componentDetection) ? options.experimental.componentDetection : void 0
+          );
+          if (vue.detectedComponents?.size) {
+            consola.success(`Nuxt UI detected ${vue.detectedComponents.size} components in use (including dependencies)`);
+          } else {
+            consola.info("Nuxt UI detected no components in use, including all components");
+          }
+        }
+        const alias = await writeTemplates(root);
         return {
           resolve: {
             alias
@@ -440,7 +456,7 @@ const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
     tailwind(),
     IconsPlugin(options, appConfig),
     PluginsPlugin(options),
-    TemplatePlugin(options, appConfig),
+    TemplatePlugin(options, appConfig, join(runtimeDir, "components")),
     AppConfigPlugin(options, appConfig),
     {
       name: "nuxt:ui:plugins-duplication-detection",

package/dist/vite.mjs

@@ -4,21 +4,21 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.XkBrgXFP.mjs';
+import './shared/ui.DNq7CNkE.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import 'knitwork';
 import 'tailwindcss/colors';
 import '@nuxt/kit';
+import 'node:fs';
 import 'node:fs/promises';
+import 'consola';
 import 'tinyglobby';
-import 'node:fs';
+import 'mlly';
 import 'node:path';
 import 'magic-string';
-import 'mlly';
 import 'unplugin-vue-components';
 import 'unplugin-auto-import';
-import 'consola';
 import '@nuxt/icon/utils';
 
 const vite = NuxtUIPlugin.vite;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "4.10.0",
-  "packageManager": "pnpm@11.13.0",
+  "version": "4.11.0",
+  "packageManager": "pnpm@11.22.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -133,39 +133,39 @@
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
     "@iconify/vue": "^5.0.1",
-    "@internationalized/date": "^3.12.2",
+    "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
     "@nuxt/fonts": "^0.14.0",
-    "@nuxt/icon": "^2.3.1",
-    "@nuxt/kit": "^4.4.8",
-    "@nuxt/schema": "^4.4.8",
+    "@nuxt/icon": "^2.5.0",
+    "@nuxt/kit": "^4.5.2",
+    "@nuxt/schema": "^4.5.2",
     "@nuxtjs/color-mode": "^4.0.1",
     "@standard-schema/spec": "^1.1.0",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@tailwindcss/vite": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
     "@tanstack/vue-table": "^8.21.3",
-    "@tanstack/vue-virtual": "^3.13.32",
-    "@tiptap/core": "^3.27.3",
-    "@tiptap/extension-bubble-menu": "^3.27.3",
-    "@tiptap/extension-code": "^3.27.3",
-    "@tiptap/extension-collaboration": "^3.27.3",
-    "@tiptap/extension-drag-handle": "^3.27.3",
-    "@tiptap/extension-drag-handle-vue-3": "^3.27.3",
-    "@tiptap/extension-floating-menu": "^3.27.3",
-    "@tiptap/extension-horizontal-rule": "^3.27.3",
-    "@tiptap/extension-image": "^3.27.3",
-    "@tiptap/extension-mention": "^3.27.3",
-    "@tiptap/extension-node-range": "^3.27.3",
-    "@tiptap/extension-placeholder": "^3.27.3",
-    "@tiptap/markdown": "^3.27.3",
-    "@tiptap/pm": "^3.27.3",
-    "@tiptap/starter-kit": "^3.27.3",
-    "@tiptap/suggestion": "^3.27.3",
-    "@tiptap/vue-3": "^3.27.3",
-    "@unhead/vue": "^2.1.15",
-    "@vueuse/core": "^14.3.0",
-    "@vueuse/integrations": "^14.3.0",
-    "@vueuse/shared": "^14.3.0",
+    "@tanstack/vue-virtual": "^3.13.35",
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/extension-bubble-menu": "^3.29.2",
+    "@tiptap/extension-code": "^3.29.2",
+    "@tiptap/extension-collaboration": "^3.29.2",
+    "@tiptap/extension-drag-handle": "^3.29.2",
+    "@tiptap/extension-drag-handle-vue-3": "^3.29.2",
+    "@tiptap/extension-floating-menu": "^3.29.2",
+    "@tiptap/extension-horizontal-rule": "^3.29.2",
+    "@tiptap/extension-image": "^3.29.2",
+    "@tiptap/extension-mention": "^3.29.2",
+    "@tiptap/extension-node-range": "^3.29.2",
+    "@tiptap/extension-placeholder": "^3.29.2",
+    "@tiptap/markdown": "^3.29.2",
+    "@tiptap/pm": "^3.29.2",
+    "@tiptap/starter-kit": "^3.29.2",
+    "@tiptap/suggestion": "^3.29.2",
+    "@tiptap/vue-3": "^3.29.2",
+    "@unhead/vue": "^3.3.2",
+    "@vueuse/core": "^14.4.0",
+    "@vueuse/integrations": "^14.4.0",
+    "@vueuse/shared": "^14.4.0",
     "colortranslator": "^5.0.0",
     "consola": "^3.4.2",
     "defu": "^6.1.7",
@@ -179,44 +179,45 @@
     "fuse.js": "^7.5.0",
     "hookable": "^6.1.1",
     "knitwork": "^1.3.0",
-    "magic-string": "^0.30.21",
+    "magic-string": "^1.2.0",
     "mlly": "^1.8.2",
-    "motion-v": "^2.3.0",
-    "ohash": "^2.0.11",
+    "motion-v": "^2.4.0",
+    "ohash": "^2.0.12",
     "pathe": "^2.0.3",
-    "reka-ui": "2.10.1",
+    "reka-ui": "2.10.3",
     "scule": "^1.3.0",
     "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2",
-    "tailwindcss": "^4.3.2",
+    "tailwindcss": "^4.3.3",
     "tinyglobby": "^0.2.17",
     "ufo": "^1.6.4",
     "unplugin": "^3.3.0",
-    "unplugin-auto-import": "^21.0.0",
+    "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "^32.1.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.3.7"
+    "vue-component-type-helpers": "^3.3.10"
   },
   "devDependencies": {
-    "@nuxt/eslint-config": "^1.16.0",
-    "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/test-utils": "^4.0.2",
-    "@release-it/conventional-changelog": "^11.0.1",
+    "@codspeed/vitest-plugin": "^5.7.1",
+    "@nuxt/eslint-config": "^1.17.0",
+    "@nuxt/module-builder": "^1.0.3",
+    "@nuxt/test-utils": "^4.1.0",
+    "@release-it/conventional-changelog": "^12.0.0",
     "@tanstack/table-core": "^8.21.3",
-    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitejs/plugin-vue": "^6.0.8",
     "@vue/test-utils": "^2.4.11",
-    "ai": "^7.0.26",
+    "ai": "^7.0.66",
     "embla-carousel": "^8.6.0",
-    "eslint": "^10.7.0",
-    "happy-dom": "^20.10.6",
-    "nuxt": "^4.4.8",
-    "release-it": "^20.2.1",
+    "eslint": "^10.8.1",
+    "happy-dom": "^20.11.2",
+    "nuxt": "^4.5.2",
+    "release-it": "^21.0.2",
     "unbuild": "^3.6.1",
     "vitest": "^4.1.10",
     "vitest-axe": "^0.1.0",
     "vitest-environment-nuxt": "^2.0.0",
-    "vue": "^3.5.39",
-    "vue-tsc": "^3.3.7"
+    "vue": "^3.5.41",
+    "vue-tsc": "^3.3.10"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^2.0.7 || ^3.0.0",
@@ -244,7 +245,7 @@
     "joi": "^18.0.0",
     "superstruct": "^2.0.0",
     "tailwindcss": "^4.0.0",
-    "typescript": "^5.6.3 || ^6.0.0",
+    "typescript": "^5.6.3 || ^6.0.0 || ^7.0.0",
     "valibot": "^1.0.0",
     "vue-router": "^4.5.0 || ^5.0.0",
     "yup": "^1.7.0",