build: fixed playground

Couldn;t get tailwind to work in the playground because the @witchcraft/ui
module it tries to import doesn't technically exist (unless working with my
local monorepo). Using absolute paths for the style/base imports doesn't work
either.

Instead we link to the parent folder before building. This should work
regardless of the environment used to build the package.

Author: alanscodelog

package.json

@@ -68,7 +68,8 @@
 	"scripts": {
 		"//prepare": "echo Needed so that if we pull the package from git it will get built and installed properly.",
 		"prepare": "husky && pnpm gen:theme && pnpm build",
-		"build": "nuxt-module-build prepare && nuxt-module-build build && nuxi generate playground",
+		"build": "nuxt-module-build prepare && nuxt-module-build build && pnpm build:playground",
+		"build:playground": "cd playground && pnpm link:module && pnpm generate",
 		"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
 		"dev": "nuxi dev playground",
 		"storybook": "BROWSER=none storybook dev -p 6006",

playground/nuxt.config.ts

@@ -5,8 +5,8 @@ export default defineNuxtConfig({
 		compatibilityVersion: 4 as const
 	},
 	modules: [
+		// "@witchcraft/ui/nuxt"
 		"../src/module"
-		// "@witchcraft/ui/nuxt", // either work
 	],
 	witchcraftUi: {
 	},

playground/package.json

@@ -3,12 +3,12 @@
 	"name": "@witchcraft/ui-playground",
 	"type": "module",
 	"scripts": {
+		"link:module": "pnpm link ../",
 		"dev": "nuxi dev",
 		"build": "nuxi build",
 		"generate": "nuxi generate"
 	},
 	"dependencies": {
-		"@witchcraft/ui": "^0.0.0",
 		"nuxt": "^3.16.2"
 	}
 }