@witchcraft/ui 0.2.0 → 0.2.1-beta.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "witchcraftUi",
   "configKey": "witchcraftUi",
-  "version": "0.2.0",
+  "version": "0.2.1-beta.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -7,7 +7,6 @@ import { defu } from 'defu';
 import fs from 'fs';
 import { themeAsTailwindCss } from 'metamorphosis/tailwind';
 import IconsResolver from 'unplugin-icons/resolver';
-import Icons from 'unplugin-icons/vite';
 import ViteComponents from 'unplugin-vue-components/vite';
 import { unpluginIconViteOptions } from '../dist/runtime/build/unpluginIconViteOptions.js';
 import { themeConvertionOpts } from '../dist/runtime/tailwind/themeConvertionOpts.js';
@@ -105,25 +104,28 @@ const module = defineNuxtModule({
             ViteComponents({
               resolvers: [
                 IconsResolver({ prefix: "i" })
-                // we don't need our resolver since we use nuxt instead
               ]
-            }),
-            Icons({
-              compiler: "vue3",
-              ...unpluginIconViteOptions
             })
+            // Icons({
+            // 	compiler: "vue3",
+            // 	...unpluginIconViteOptions,
+            // }),
           ] : [],
           tailwindcss(),
           ...config.plugins
         ];
       }
     });
+    nuxt.options.vite ||= {};
+    nuxt.options.vite.optimizeDeps ??= {};
+    nuxt.options.vite.optimizeDeps.exclude ??= [];
+    nuxt.options.vite.optimizeDeps.exclude.push("~icons");
     const mainCssFile = await resolvePath(options.mainCssFile, nuxt.options.alias);
     const exists = fs.existsSync(mainCssFile);
     if (exists) {
       nuxt.options.css.push(mainCssFile);
     }
-    await installModule("unplugin-icons/nuxt");
+    await installModule("unplugin-icons/nuxt", unpluginIconViteOptions);
     await installModule("reka-ui/nuxt");
     nuxt.options.alias["#witchcraft-ui"] = resolve("runtime");
     nuxt.options.alias["#witchcraft-ui-helpers"] = resolve("runtime/helpers");

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@witchcraft/ui",
-	"version": "0.2.0",
+	"version": "0.2.1-beta.2",
 	"description": "Vue component library.",
 	"type": "module",
 	"main": "./dist/runtime/main.lib.js",
@@ -72,8 +72,7 @@
 		"gen:theme": "echo src/runtime/build/generateTheme.ts"
 	},
 	"peerDependencies": {
-		"@iconify/json": "^2.2.323",
-		"tailwindcss": "^4.0.17",
+		"tailwindcss": "^4.1.12",
 		"unplugin-icons": "^22.1.0",
 		"vue": "^3.2.47"
 	},
@@ -88,17 +87,17 @@
 	"dependencies": {
 		"@alanscodelog/utils": "^6.0.1",
 		"@egoist/vue-to-react": "^1.2.0",
-		"@iconify/json": "^2.2.378",
+		"@iconify/json": "^2.2.379",
 		"@nuxt/kit": "^4.0.3",
 		"@nuxt/schema": "^4.0.3",
 		"@nuxt/types": "^2.18.1",
 		"@tailwindcss/vite": "^4.1.12",
-		"@witchcraft/nuxt-utils": "^0.2.0",
+		"@witchcraft/nuxt-utils": "^0.2.1",
 		"colord": "^2.9.3",
 		"colorjs.io": "0.6.0-alpha.1",
 		"defu": "^6.1.4",
 		"fast-glob": "^3.3.3",
-		"metamorphosis": "^0.6.0",
+		"metamorphosis": "^0.6.1",
 		"reka-ui": "^2.5.0",
 		"tailwind-merge": "^3.3.1",
 		"unplugin-icons": "^22.2.0",
@@ -117,7 +116,7 @@
 		"@nuxt/eslint-config": "^1.9.0",
 		"@nuxt/module-builder": "^1.0.2",
 		"@nuxtjs/i18n": "^9.5.6",
-		"@playwright/test": "^1.50.0",
+		"@playwright/test": "^1.55.0",
 		"@rollup/plugin-node-resolve": "^16.0.1",
 		"@storybook/addon-a11y": "^8.6.14",
 		"@storybook/addon-actions": "^8.6.14",
@@ -148,14 +147,14 @@
 		"indexit": "2.1.0-beta.3",
 		"madge": "^7.0.0",
 		"nuxt": "^4.0.3",
-		"playwright": "^1.50.0",
-		"playwright-core": "^1.50.0",
+		"playwright": "^1.55.0",
+		"playwright-core": "^1.55.0",
 		"semantic-release": "^24.2.7",
 		"storybook": "^8.6.14",
 		"storybook-dark-mode": "^4.0.2",
 		"tailwindcss": "^4.1.12",
 		"ts-node": "^10.9.2",
-		"typescript": "~5.8.3",
+		"typescript": "^5.9.2",
 		"unbuild": "^3.6.1",
 		"vite": "^7.1.3",
 		"vite-tsconfig-paths": "^5.1.4",

package/src/module.ts

@@ -14,7 +14,6 @@ import { defu } from "defu"
 import fs from "fs"
 import { themeAsTailwindCss } from "metamorphosis/tailwind"
 import IconsResolver from "unplugin-icons/resolver"
-import Icons from "unplugin-icons/vite"
 import ViteComponents from "unplugin-vue-components/vite"
 
 import { unpluginIconViteOptions } from "./runtime/build/unpluginIconViteOptions.js"
@@ -164,22 +163,25 @@ export default defineNuxtModule<ModuleOptions>({
 								// we must prepend or the custom style options don't work when the module is used
 								ViteComponents({
 									resolvers: [
-										IconsResolver({prefix:"i"}),
-										// we don't need our resolver since we use nuxt instead
+										IconsResolver({ prefix: "i" }),
 									],
 								}),
-								Icons({
-									compiler: "vue3",
-									...unpluginIconViteOptions,
-								}),
+								// Icons({
+								// 	compiler: "vue3",
+								// 	...unpluginIconViteOptions,
+								// }),
 							]
-							: []	
+							: []
 					),
 					tailwindcss() as any,
 					...config.plugins,
 				]
 			}
 		})
+		nuxt.options.vite ||= {}
+		nuxt.options.vite.optimizeDeps ??= {}
+		nuxt.options.vite.optimizeDeps.exclude ??= []
+		nuxt.options.vite.optimizeDeps.exclude.push("~icons")
 		const mainCssFile = await resolvePath(options.mainCssFile!, nuxt.options.alias)
 
 		const exists = fs.existsSync(mainCssFile)
@@ -188,7 +190,7 @@ export default defineNuxtModule<ModuleOptions>({
 		}
 
 		// we need to hook in first before it does, otherwise the plugins don't load correctly
-		await installModule("unplugin-icons/nuxt")
+		await installModule("unplugin-icons/nuxt", unpluginIconViteOptions)
 		await installModule("reka-ui/nuxt")
 
 		// todo make names more specific

package/src/runtime/components/shared/props.ts

@@ -1,4 +1,4 @@
-import { type PropType,useId } from "vue"
+import { useId } from "vue"
 
 import type { PopupPositioner, PopupPositionModifier } from "../../types"