@nuxt/ui 4.11.0 → 4.11.2

package/dist/runtime/vue/overrides/inertia/LinkBase.vue

@@ -23,11 +23,13 @@ function onClickWrapper(e) {
     e.preventDefault();
     return;
   }
+  const results = [];
   if (props.onClick) {
     for (const onClick of Array.isArray(props.onClick) ? props.onClick : [props.onClick]) {
-      onClick(e);
+      results.push(onClick(e));
     }
   }
+  return Promise.all(results);
 }
 </script>
 

package/dist/shared/{ui.DNq7CNkE.mjs → ui.oNygBd3N.mjs}

@@ -581,6 +581,9 @@ const fieldGroup$1 = {
       horizontal: "inline-flex -space-x-px",
       vertical: "flex flex-col -space-y-px"
     }
+  },
+  defaultVariants: {
+    size: "md"
   }
 };
 
@@ -1753,7 +1756,7 @@ const checkbox = (options) => ({
         root: ""
       },
       card: {
-        root: [`border border-muted rounded-lg ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
+        root: [`border border-default rounded-lg ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
       }
     },
     indicator: {
@@ -1952,10 +1955,14 @@ const checkboxGroup = (options) => ({
       neutral: {}
     },
     variant: {
-      list: {},
-      card: {},
+      list: {
+        fieldset: "flex-wrap"
+      },
+      card: {
+        fieldset: "flex-wrap"
+      },
       table: {
-        item: [`border border-muted ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
+        item: [`border border-default ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
       }
     },
     size: {
@@ -3647,6 +3654,14 @@ const inputMenu = (options) => {
       tagsInput: "flex-1 border-0 bg-transparent placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75"
     },
     variants: {
+      // `root` and `base` are the same element in `multiple` mode, so the
+      // `group-*` rounding utilities inherited from `input` never match there.
+      // Keep the `group` marker here and pick the right rounding in
+      // `compoundVariants` depending on `multiple`.
+      fieldGroup: {
+        horizontal: () => ({ root: fieldGroupVariantWithRoot.fieldGroup.horizontal.root }),
+        vertical: () => ({ root: fieldGroupVariantWithRoot.fieldGroup.vertical.root })
+      },
       virtualize: {
         true: {
           viewport: "p-1 isolate"
@@ -3727,6 +3742,22 @@ const inputMenu = (options) => {
       }
     },
     compoundVariants: [{
+      multiple: false,
+      fieldGroup: "horizontal",
+      class: { base: fieldGroupVariantWithRoot.fieldGroup.horizontal.base }
+    }, {
+      multiple: false,
+      fieldGroup: "vertical",
+      class: { base: fieldGroupVariantWithRoot.fieldGroup.vertical.base }
+    }, {
+      multiple: true,
+      fieldGroup: "horizontal",
+      class: { base: fieldGroupVariant.fieldGroup.horizontal }
+    }, {
+      multiple: true,
+      fieldGroup: "vertical",
+      class: { base: fieldGroupVariant.fieldGroup.vertical }
+    }, {
       variant: "soft",
       multiple: true,
       class: "has-focus:bg-elevated has-focus-visible:outline-3"
@@ -5794,13 +5825,15 @@ const radioGroup = (options) => ({
     },
     variant: {
       list: {
+        fieldset: "flex-wrap",
         item: ""
       },
       card: {
-        item: [`border border-muted rounded-lg ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
+        fieldset: "flex-wrap",
+        item: [`border border-default rounded-lg ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
       },
       table: {
-        item: [`border border-muted ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
+        item: [`border border-default ${hover}bg-elevated/50`, options.theme.transitions && "transition-colors"]
       }
     },
     orientation: {
@@ -6085,7 +6118,6 @@ const select = (options) => {
       }),
       size: {
         xs: {
-          base: "px-2 py-1 text-xs gap-1",
           label: "p-1 text-[10px]/3 gap-1",
           item: "p-1 text-xs gap-1",
           itemLeadingIcon: "size-4",
@@ -6096,7 +6128,6 @@ const select = (options) => {
           empty: "p-2 text-xs"
         },
         sm: {
-          base: "px-2.5 py-1.5 text-xs gap-1.5",
           label: "p-1.5 text-[10px]/3 gap-1.5",
           item: "p-1.5 text-xs gap-1.5",
           itemLeadingIcon: "size-4",
@@ -6107,7 +6138,6 @@ const select = (options) => {
           empty: "p-2.5 text-xs"
         },
         md: {
-          base: "px-2.5 py-1.5 text-sm gap-1.5",
           label: "p-1.5 text-xs gap-1.5",
           item: "p-1.5 text-sm gap-1.5",
           itemLeadingIcon: "size-5",
@@ -6118,7 +6148,6 @@ const select = (options) => {
           empty: "p-2.5 text-sm"
         },
         lg: {
-          base: "px-3 py-2 text-sm gap-2",
           label: "p-2 text-xs gap-2",
           item: "p-2 text-sm gap-2",
           itemLeadingIcon: "size-5",
@@ -6129,7 +6158,6 @@ const select = (options) => {
           empty: "p-3 text-sm"
         },
         xl: {
-          base: "px-3 py-2 text-base gap-2",
           label: "p-2 text-sm gap-2",
           item: "p-2 text-base gap-2",
           itemLeadingIcon: "size-6",
@@ -7004,7 +7032,7 @@ const table$1 = (options) => ({
     base: "min-w-full overflow-clip",
     caption: "sr-only",
     thead: "relative",
-    tbody: "isolate [&>tr]:data-[selectable=true]:hover:bg-elevated/50 [&>tr]:data-[selectable=true]:outline-primary/25 [&>tr]:data-[selectable=true]:focus-visible:outline-3 divide-y divide-default",
+    tbody: "isolate [&>tr]:data-[selectable=true]:hover:bg-elevated/50 [&>tr]:data-[selectable=true]:outline-primary/25 [&>tr]:data-[selectable=true]:focus-visible:outline-3 [&>tr]:data-[selectable=true]:-outline-offset-3 divide-y divide-default",
     tfoot: "relative",
     tr: "data-[selected=true]:bg-elevated/50",
     th: "px-4 py-3.5 text-sm text-highlighted text-start font-semibold [&:has([role=checkbox])]:pe-0",

package/dist/unplugin.d.mts

@@ -123,7 +123,8 @@ interface NuxtUIOptions extends Omit<ModuleOptions, 'fonts' | 'colorMode' | 'con
     root?: string;
 }
 declare const runtimeDir: string;
+declare const runtimeUrl: string;
 declare const NuxtUIPlugin: unplugin.UnpluginInstance<NuxtUIOptions | undefined, boolean>;
 
-export { NuxtUIPlugin, runtimeDir };
+export { NuxtUIPlugin, runtimeDir, runtimeUrl };
 export type { NuxtUIOptions };

package/dist/unplugin.mjs

@@ -1,9 +1,9 @@
-import { fileURLToPath } from 'node:url';
+import { fileURLToPath, pathToFileURL } from 'node:url';
 import { join, normalize, relative } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-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 { 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.oNygBd3N.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import { consola } from 'consola';
@@ -99,11 +99,11 @@ function TemplatePlugin(options, appConfig, componentDir) {
 
 function PluginsPlugin(options) {
   const plugins = globSync(["**/*", "!*.d.ts"], { cwd: join(runtimeDir, "plugins"), absolute: true });
-  plugins.unshift(resolvePathSync("../runtime/vue/plugins/router", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
-  plugins.unshift(resolvePathSync("../runtime/vue/plugins/head", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
-  plugins.unshift(resolvePathSync("../runtime/vue/plugins/icons", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
+  plugins.unshift(resolvePathSync("./vue/plugins/router", { extensions: [".ts", ".mjs", ".js"], url: runtimeUrl }));
+  plugins.unshift(resolvePathSync("./vue/plugins/head", { extensions: [".ts", ".mjs", ".js"], url: runtimeUrl }));
+  plugins.unshift(resolvePathSync("./vue/plugins/icons", { extensions: [".ts", ".mjs", ".js"], url: runtimeUrl }));
   if (options.colorMode) {
-    plugins.push(resolvePathSync("../runtime/vue/plugins/color-mode", { extensions: [".ts", ".mjs", ".js"], url: import.meta.url }));
+    plugins.push(resolvePathSync("./vue/plugins/color-mode", { extensions: [".ts", ".mjs", ".js"], url: runtimeUrl }));
   }
   const proseComponents = options.prose || options.mdc ? globSync(["**/*.vue"], { cwd: join(runtimeDir, "components/prose"), absolute: true }) : [];
   return {
@@ -222,7 +222,8 @@ function createComponentSource(cwd, prefix, ignore = []) {
       const relativePath = paths.get(componentName);
       if (!relativePath) return;
       return join(cwd, relativePath);
-    }
+    },
+    resolvePath: (relativePath) => files.includes(relativePath) ? join(cwd, relativePath) : void 0
   };
 }
 function ComponentImportPlugin(options, meta) {
@@ -239,6 +240,7 @@ function ComponentImportPlugin(options, meta) {
     colorModeIgnore
   );
   const overrideSources = [routerOverrides[routerMode], unpluginComponents].filter((s) => !!s);
+  const componentsDir = `${join(runtimeDir, "components")}/`;
   const internalResolverPlugin = {
     /**
      * This plugin aims to ensure we override certain components with Vue-compatible versions:
@@ -247,6 +249,15 @@ function ComponentImportPlugin(options, meta) {
     name: "nuxt:ui:components",
     enforce: "pre",
     resolveId(id, importer) {
+      const normalizedId = normalize(id);
+      const packagePath = normalizedId.match(PACKAGE_IMPORT_RE)?.[1] ?? (normalizedId.startsWith(componentsDir) && normalizedId.endsWith(".vue") ? normalizedId.slice(componentsDir.length) : void 0);
+      if (packagePath) {
+        for (const source of overrideSources) {
+          const resolved = source.resolvePath(packagePath);
+          if (resolved) return resolved;
+        }
+        return;
+      }
       if (!importer || !normalize(importer).includes(runtimeDir)) {
         return;
       }
@@ -303,11 +314,11 @@ function ComponentImportPlugin(options, meta) {
   ];
 }
 const RELATIVE_IMPORT_RE = /^\.{1,2}\//;
+const PACKAGE_IMPORT_RE = /(?:^|\/node_modules\/)@nuxt\/ui\/(?:dist\/)?(?:runtime\/)?components\/(.+\.vue)$/;
 
 function NuxtEnvironmentPlugin(options) {
   const routerMode = resolveRouterMode(options);
-  const stubsPath = `../runtime/vue/stubs/${routerMode}`;
-  const stubPath = resolvePathSync(stubsPath, { extensions: [".ts", ".mjs", ".js"], url: import.meta.url });
+  const stubPath = resolvePathSync(`./vue/stubs/${routerMode}`, { extensions: [".ts", ".mjs", ".js"], url: runtimeUrl });
   return {
     name: "nuxt:ui",
     enforce: "pre",
@@ -443,6 +454,7 @@ function IconsPlugin(options, appConfig) {
 }
 
 const runtimeDir = normalize(fileURLToPath(new URL("./runtime", import.meta.url)));
+const runtimeUrl = pathToFileURL(`${runtimeDir}/`).href;
 const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
   const options = defu(_options, { fonts: false }, defaultOptions);
   options.theme = options.theme || {};
@@ -475,4 +487,4 @@ const NuxtUIPlugin = createUnplugin((_options = {}, meta) => {
   ].flat(1);
 });
 
-export { NuxtUIPlugin, runtimeDir };
+export { NuxtUIPlugin, runtimeDir, runtimeUrl };

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/ui.DNq7CNkE.mjs';
+import './shared/ui.oNygBd3N.mjs';
 import '../dist/runtime/utils/index.js';
 import 'scule';
 import 'knitwork';

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@nuxt/ui",
   "description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
-  "version": "4.11.0",
-  "packageManager": "pnpm@11.22.0",
+  "version": "4.11.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/ui.git"
@@ -93,9 +92,6 @@
   "imports": {
     "#build/ui.css": "./.nuxt/ui.static.css"
   },
-  "bin": {
-    "nuxt-ui": "./cli/index.mjs"
-  },
   "style": "./dist/runtime/index.css",
   "main": "./dist/module.mjs",
   "sideEffects": [
@@ -104,39 +100,15 @@
   "files": [
     ".nuxt/ui.static.css",
     "dist",
-    "cli",
     "vue-plugin.d.ts"
   ],
-  "scripts": {
-    "build": "nuxt-module-build build",
-    "prepack": "pnpm build",
-    "dev": "nuxt dev playgrounds/nuxt --uiDev",
-    "dev:build": "nuxt build playgrounds/nuxt",
-    "dev:vue": "pnpm --filter './playgrounds/vue' dev -- --uiDev",
-    "dev:vue:build": "pnpm --filter './playgrounds/vue' build",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/nuxt && nuxt prepare docs && pnpm dev:vue:build",
-    "repl": "pnpm --filter './playgrounds/repl' dev",
-    "repl:bundle": "pnpm --filter './playgrounds/repl' bundle",
-    "repl:build": "pnpm --filter './playgrounds/repl' build",
-    "repl:prepare": "nuxt-module-build build --stub && mkdir -p .nuxt && echo '{\"compilerOptions\":{}}' > .nuxt/tsconfig.json",
-    "docs": "nuxt dev docs --uiDev",
-    "docs:build": "nuxt build docs",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/nuxt && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
-    "test": "vitest",
-    "test:vue": "vitest --project vue",
-    "test:nuxt": "vitest --project nuxt",
-    "bench": "vitest bench --project vue",
-    "release": "release-it"
-  },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@iconify/vue": "^5.0.1",
-    "@internationalized/date": "^3.12.3",
-    "@internationalized/number": "^3.6.7",
+    "@iconify/vue": "^5.0.2",
+    "@internationalized/date": "^3.12.4",
+    "@internationalized/number": "^3.6.8",
     "@nuxt/fonts": "^0.14.0",
-    "@nuxt/icon": "^2.5.0",
+    "@nuxt/icon": "^2.5.1",
     "@nuxt/kit": "^4.5.2",
     "@nuxt/schema": "^4.5.2",
     "@nuxtjs/color-mode": "^4.0.1",
@@ -144,25 +116,25 @@
     "@tailwindcss/postcss": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
     "@tanstack/vue-table": "^8.21.3",
-    "@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",
+    "@tanstack/vue-virtual": "^3.13.39",
+    "@tiptap/core": "^3.31.3",
+    "@tiptap/extension-bubble-menu": "^3.31.3",
+    "@tiptap/extension-code": "^3.31.3",
+    "@tiptap/extension-collaboration": "^3.31.3",
+    "@tiptap/extension-drag-handle": "^3.31.3",
+    "@tiptap/extension-drag-handle-vue-3": "^3.31.3",
+    "@tiptap/extension-floating-menu": "^3.31.3",
+    "@tiptap/extension-horizontal-rule": "^3.31.3",
+    "@tiptap/extension-image": "^3.31.3",
+    "@tiptap/extension-mention": "^3.31.3",
+    "@tiptap/extension-node-range": "^3.31.3",
+    "@tiptap/extension-placeholder": "^3.31.3",
+    "@tiptap/markdown": "^3.31.3",
+    "@tiptap/pm": "^3.31.3",
+    "@tiptap/starter-kit": "^3.31.3",
+    "@tiptap/suggestion": "^3.31.3",
+    "@tiptap/vue-3": "^3.31.3",
+    "@unhead/vue": "^3.4.1",
     "@vueuse/core": "^14.4.0",
     "@vueuse/integrations": "^14.4.0",
     "@vueuse/shared": "^14.4.0",
@@ -177,53 +149,54 @@
     "embla-carousel-vue": "^8.6.0",
     "embla-carousel-wheel-gestures": "^8.1.0",
     "fuse.js": "^7.5.0",
-    "hookable": "^6.1.1",
+    "hookable": "^6.1.2",
     "knitwork": "^1.3.0",
-    "magic-string": "^1.2.0",
+    "magic-string": "^1.4.1",
     "mlly": "^1.8.2",
-    "motion-v": "^2.4.0",
+    "motion-v": "^2.4.4",
     "ohash": "^2.0.12",
     "pathe": "^2.0.3",
-    "reka-ui": "2.10.3",
+    "reka-ui": "2.10.4",
     "scule": "^1.3.0",
-    "tailwind-merge": "^3.6.0",
+    "tailwind-merge": "^3.7.0",
     "tailwind-variants": "^3.2.2",
     "tailwindcss": "^4.3.3",
     "tinyglobby": "^0.2.17",
     "ufo": "^1.6.4",
-    "unplugin": "^3.3.0",
+    "unplugin": "^3.4.0",
     "unplugin-auto-import": "^21.1.0",
     "unplugin-vue-components": "^32.1.0",
     "vaul-vue": "0.4.1",
-    "vue-component-type-helpers": "^3.3.10"
+    "vue-component-type-helpers": "^3.3.11"
   },
   "devDependencies": {
     "@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",
+    "@nuxt/test-utils": "^4.3.2",
+    "@release-it/conventional-changelog": "^12.0.2",
     "@tanstack/table-core": "^8.21.3",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "@vue/test-utils": "^2.4.11",
-    "ai": "^7.0.66",
+    "@vitejs/plugin-vue": "^6.0.9",
+    "@vue/test-utils": "^2.5.1",
+    "ai": "^7.0.107",
     "embla-carousel": "^8.6.0",
-    "eslint": "^10.8.1",
-    "happy-dom": "^20.11.2",
+    "eslint": "^10.11.0",
+    "eslint-plugin-better-tailwindcss": "^4.7.0",
+    "happy-dom": "^20.14.5",
     "nuxt": "^4.5.2",
-    "release-it": "^21.0.2",
+    "release-it": "^21.1.0",
     "unbuild": "^3.6.1",
-    "vitest": "^4.1.10",
+    "vitest": "^4.1.11",
     "vitest-axe": "^0.1.0",
     "vitest-environment-nuxt": "^2.0.0",
-    "vue": "^3.5.41",
-    "vue-tsc": "^3.3.10"
+    "vue": "^3.5.43",
+    "vue-tsc": "^3.3.11"
   },
   "peerDependencies": {
-    "@inertiajs/vue3": "^2.0.7 || ^3.0.0",
-    "@internationalized/date": "^3.0.0",
-    "@internationalized/number": "^3.0.0",
-    "@nuxt/content": "^3.0.0",
+    "@inertiajs/vue3": "^2.0.7 || ^3",
+    "@internationalized/date": "^3",
+    "@internationalized/number": "^3",
+    "@nuxt/content": "^3",
     "@tiptap/core": "^3",
     "@tiptap/extension-bubble-menu": "^3",
     "@tiptap/extension-code": "^3",
@@ -242,14 +215,14 @@
     "@tiptap/suggestion": "^3",
     "@tiptap/vue-3": "^3",
     "ai": "^6 || ^7",
-    "joi": "^18.0.0",
-    "superstruct": "^2.0.0",
-    "tailwindcss": "^4.0.0",
-    "typescript": "^5.6.3 || ^6.0.0 || ^7.0.0",
-    "valibot": "^1.0.0",
-    "vue-router": "^4.5.0 || ^5.0.0",
+    "joi": "^18",
+    "superstruct": "^2",
+    "tailwindcss": "^4",
+    "typescript": "^5.6.3 || ^6 || ^7",
+    "valibot": "^1",
+    "vue-router": "^4.5.0 || ^5",
     "yup": "^1.7.0",
-    "zod": "^3.24.0 || ^4.0.0"
+    "zod": "^3.24.0 || ^4"
   },
   "peerDependenciesMeta": {
     "@inertiajs/vue3": {
@@ -301,5 +274,28 @@
     "tailwind",
     "framework",
     "ui-framework"
-  ]
-}
+  ],
+  "scripts": {
+    "build": "nuxt-module-build build",
+    "cli": "node ./cli/index.mjs",
+    "dev": "nuxt dev playgrounds/nuxt --uiDev",
+    "dev:build": "nuxt build playgrounds/nuxt",
+    "dev:vue": "pnpm --filter './playgrounds/vue' dev -- --uiDev",
+    "dev:vue:build": "pnpm --filter './playgrounds/vue' build",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playgrounds/nuxt && nuxt prepare docs && pnpm dev:vue:build",
+    "repl": "pnpm --filter './playgrounds/repl' dev",
+    "repl:bundle": "pnpm --filter './playgrounds/repl' bundle",
+    "repl:build": "pnpm --filter './playgrounds/repl' build",
+    "repl:prepare": "nuxt-module-build build --stub && mkdir -p .nuxt && echo '{\"compilerOptions\":{}}' > .nuxt/tsconfig.json",
+    "docs": "nuxt dev docs --uiDev",
+    "docs:build": "nuxt build docs",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "typecheck": "vue-tsc --noEmit && nuxt typecheck playgrounds/nuxt && nuxt typecheck docs && cd playgrounds/vue && vue-tsc --noEmit",
+    "test": "vitest",
+    "test:vue": "vitest --project vue",
+    "test:nuxt": "vitest --project nuxt",
+    "bench": "vitest bench --project vue",
+    "release": "release-it"
+  }
+}

package/cli/commands/make/component.mjs

@@ -1,86 +0,0 @@
-import { existsSync, promises as fsp } from 'node:fs'
-import { resolve } from 'pathe'
-import { defineCommand } from 'citty'
-import { consola } from 'consola'
-import { splitByCase, upperFirst, camelCase, kebabCase } from 'scule'
-import { appendFile, appendThemeDefault, sortFile } from '../../utils.mjs'
-import templates from '../../templates.mjs'
-
-export default defineCommand({
-  meta: {
-    name: 'component',
-    description: 'Make a new component.'
-  },
-  args: {
-    name: {
-      type: 'positional',
-      required: true,
-      description: 'Name of the component.'
-    },
-    primitive: {
-      type: 'boolean',
-      description: 'Create a primitive component.'
-    },
-    prose: {
-      type: 'boolean',
-      description: 'Create a prose component.'
-    },
-    content: {
-      type: 'boolean',
-      description: 'Create a content component.'
-    },
-    template: {
-      type: 'string',
-      description: 'Only generate template.'
-    }
-  },
-  async setup({ args }) {
-    const name = args.name
-    if (!name) {
-      consola.error('`name` argument is missing!')
-      process.exit(1)
-    }
-
-    const path = resolve('.')
-
-    for (const template of Object.keys(templates)) {
-      if (args.template && template !== args.template) {
-        continue
-      }
-
-      const { filename, contents } = templates[template](args)
-      if (!contents) {
-        continue
-      }
-
-      const filePath = resolve(path, filename)
-
-      if (existsSync(filePath)) {
-        consola.error(`🚨 ${filePath} already exists!`)
-        continue
-      }
-
-      await fsp.writeFile(filePath, contents.trim() + '\n')
-
-      consola.success(`🪄 Generated ${filePath}!`)
-    }
-
-    if (args.template) {
-      return
-    }
-
-    const themePath = resolve(path, `src/theme/${args.prose ? 'prose/' : ''}${args.content ? 'content/' : ''}index.ts`)
-    await appendFile(themePath, `export { default as ${camelCase(name)} } from './${kebabCase(name)}'`)
-    await sortFile(themePath)
-
-    if (!args.prose) {
-      const typesPath = resolve(path, 'src/runtime/types/index.ts')
-      const pascal = splitByCase(name).map(p => upperFirst(p)).join('')
-      await appendFile(typesPath, `export * from '../components/${args.content ? 'content/' : ''}${pascal}.vue'`)
-      await sortFile(typesPath)
-
-      const useComponentPropsPath = resolve(path, 'src/runtime/composables/useComponentProps.ts')
-      await appendThemeDefault(useComponentPropsPath, camelCase(name), `${pascal}Props`)
-    }
-  }
-})

package/cli/commands/make/index.mjs

@@ -1,14 +0,0 @@
-import { defineCommand } from 'citty'
-import component from './component.mjs'
-import locale from './locale.mjs'
-
-export default defineCommand({
-  meta: {
-    name: 'make',
-    description: 'Commands to create new Nuxt UI entities.'
-  },
-  subCommands: {
-    component,
-    locale
-  }
-})