From 1ccafd02b1e60d3d8f9e7ed4353f52a6de7ae65c Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 09:58:24 +0100
Subject: [PATCH 1/9] chore: improve monorepo structure

---
 .npmrc                                        |   1 -
 _vitest.config.ts                             |   7 +
 eslint.config.mjs                             |   2 +-
 package.json                                  |  48 +----
 .../devtools}/app/app.config.ts               |   0
 {devtools => packages/devtools}/app/app.vue   |   0
 .../devtools}/app/assets/css/main.css         |   0
 .../app/components/CollapseContainer.vue      |   0
 .../devtools}/app/components/ComboInput.vue   |   0
 .../app/components/CompodiumLogo.vue          |   0
 .../app/components/ComponentCode.vue          |   2 +-
 .../app/components/ComponentPreview.vue       |   0
 .../app/components/ComponentPropInput.vue     |   2 +-
 .../devtools}/app/components/JsonEditor.vue   |   0
 .../app/components/inputs/ArrayInput.vue      |   2 +-
 .../app/components/inputs/BooleanInput.vue    |   2 +-
 .../app/components/inputs/DateInput.vue       |   2 +-
 .../app/components/inputs/IconInput.vue       |   0
 .../app/components/inputs/NumberInput.vue     |   2 +-
 .../app/components/inputs/ObjectInput.vue     |   2 +-
 .../components/inputs/PrimitiveArrayInput.vue |   2 +-
 .../app/components/inputs/StringEnumInput.vue |   2 +-
 .../app/components/inputs/StringInput.vue     |   2 +-
 .../app/composables/useCollections.ts         |   2 +-
 .../devtools}/app/composables/useShiki.ts     |   0
 .../app/middleware/redirect.global.ts         |   0
 .../devtools}/app/pages/components.vue        |   2 +-
 .../devtools}/app/pages/components/[id].vue   |   2 +-
 .../devtools}/app/pages/welcome.vue           |   2 +-
 .../devtools}/app/plugins/prettier.client.ts  |   0
 .../devtools}/app/utils/codegen.ts            |   0
 .../devtools}/app/utils/enum.ts               |   2 +-
 .../devtools}/app/workers/prettier.js         |   0
 .../devtools}/nuxt.config.ts                  |  11 +-
 {devtools => packages/devtools}/package.json  |   8 +-
 .../devtools}/test/codegen.test.ts            |   0
 {devtools => packages/devtools}/tsconfig.json |   0
 .../devtools}/vitest.config.mts               |   0
 {meta => packages/meta}/LICENSE               |   0
 {meta => packages/meta}/README.md             |   0
 {meta => packages/meta}/lib/base.cts          |   0
 {meta => packages/meta}/lib/index.cts         |   0
 {meta => packages/meta}/package.json          |   6 +-
 {meta => packages/meta}/tsconfig.json         |   0
 .../nuxt/build.config.ts                      |   0
 packages/nuxt/package.json                    |  67 +++++++
 {src => packages/nuxt/src}/module.ts          |   4 +-
 {src => packages/nuxt/src}/nuxt.ts            |   0
 .../src}/runtime/components/Placeholder.vue   |   0
 .../composables/extendCompodiumMeta.ts        |   0
 .../nuxt/src}/runtime/libs/defaults.ts        |   0
 .../libs/examples/ui/AvatarGroupExample.vue   |   0
 .../libs/examples/ui/ButtonGroupExample.vue   |   0
 .../runtime/libs/examples/ui/CardExample.vue  |   0
 .../libs/examples/ui/CarouselExample.vue      |   0
 .../runtime/libs/examples/ui/ChipExample.vue  |   0
 .../libs/examples/ui/CollapsibleExample.vue   |   0
 .../libs/examples/ui/ContainerExample.vue     |   0
 .../libs/examples/ui/ContextMenuExample.vue   |   0
 .../libs/examples/ui/DrawerExample.vue        |   0
 .../libs/examples/ui/DropdownMenuExample.vue  |   0
 .../runtime/libs/examples/ui/FormExample.vue  |   0
 .../libs/examples/ui/FormFieldExample.vue     |   0
 .../runtime/libs/examples/ui/LinkExample.vue  |   0
 .../runtime/libs/examples/ui/ModalExample.vue |   0
 .../libs/examples/ui/PopoverExample.vue       |   0
 .../libs/examples/ui/SkeletonExample.vue      |   0
 .../libs/examples/ui/SlideoverExample.vue     |   0
 .../libs/examples/ui/StepperExample.vue       |   0
 .../runtime/libs/examples/ui/TableExample.vue |   0
 .../libs/examples/ui/ToasterExample.vue       |   0
 .../libs/examples/ui/TooltipExample.vue       |   0
 .../nuxt/src}/runtime/libs/index.ts           |   0
 .../nuxt/src}/runtime/preview.vue             |   0
 .../src}/runtime/renderer-placeholder.vue     |   0
 .../nuxt/src}/runtime/renderer.vue            |   0
 {src => packages/nuxt/src}/runtime/root.vue   |   0
 .../runtime/server/api/collections.get.ts     |   0
 .../src}/runtime/server/api/colors.get.ts     |   0
 .../runtime/server/api/component-meta.get.ts  |   0
 .../src}/runtime/server/api/example.get.ts    |   0
 .../src}/runtime/server/api/iconify.get.ts    |   0
 .../runtime/server/api/reload-meta.get.ts     |   0
 .../src}/runtime/server/services/checker.ts   |   0
 .../src}/runtime/server/services/infer.ts     |   0
 .../nuxt/src}/runtime/server/tsconfig.json    |   0
 {src => packages/nuxt/src}/runtime/utils.ts   |   0
 {src => packages/nuxt/src}/types.d.ts         |   3 +-
 {src => packages/nuxt/src}/utils.ts           |   0
 {src => packages/nuxt/src}/vite.ts            |   0
 {test => packages/nuxt/test}/basic.test.ts    |  18 +-
 .../nuxt/test}/custom-compodium-dir.test.ts   |   3 +-
 .../nuxt/test}/custom-component-dirs.test.ts  |   5 +-
 .../nuxt/test}/fixtures/basic/app.vue         |   0
 .../examples/BasicComponentExample.vue        |   0
 .../BasicComponentExampleWithSuffix.vue       |   0
 .../basic/components/BasicComponent.vue       |   0
 .../basic/components/ComplexComponent.vue     |   0
 .../basic/components/ExcludedComponent.vue    |   0
 .../fixtures/basic/components/ExtendMeta.vue  |   0
 .../basic/components/ExtendMetaBad.vue        |   0
 .../basic/components/ExtendMetaWithVars.vue   |   0
 .../nuxt/test}/fixtures/basic/nuxt.config.ts  |   0
 .../nuxt/test}/fixtures/basic/package.json    |   0
 .../nuxt/test}/fixtures/basic/ui/Button.vue   |   0
 .../fixtures/custom-compodium-dir/app.vue     |   0
 .../components/BasicComponent.vue             |   0
 .../custom-compodium-dir/nuxt.config.ts       |   0
 .../custom-compodium-dir/package.json         |   0
 .../play/examples/BasicComponentExample.vue   |   0
 .../custom-compodium-dir/play/preview.vue     |   0
 .../fixtures/custom-component-dirs/app.vue    |   0
 .../examples/BasicComponentExample.vue        |   0
 .../components/BasicComponent.vue             |   0
 .../custom-component-dirs/my-ui/Button.vue    |   0
 .../custom-component-dirs/nuxt.config.ts      |   0
 .../custom-component-dirs/package.json        |   0
 .../nuxt/test}/fixtures/with-nuxt-ui/app.vue  |   0
 .../components/BasicComponent.vue             |   0
 .../fixtures/with-nuxt-ui/nuxt.config.ts      |   0
 .../test}/fixtures/with-nuxt-ui/package.json  |   0
 {test => packages/nuxt/test}/prod.test.ts     |   0
 .../nuxt/test}/with-nuxt-ui.test.ts           |   3 +-
 tsconfig.json => packages/nuxt/tsconfig.json  |   3 -
 .../nuxt/vitest.config.ts                     |   0
 playground/nuxt.config.ts                     |   2 +-
 playground/package.json                       |   6 +-
 pnpm-lock.yaml                                | 160 ++++++++--------
 pnpm-workspace.yaml                           |   4 +-
 scripts/_utils.ts                             | 179 ++++++++++++++++++
 scripts/bump.ts                               |  46 +++++
 131 files changed, 440 insertions(+), 176 deletions(-)
 create mode 100644 _vitest.config.ts
 rename {devtools => packages/devtools}/app/app.config.ts (100%)
 rename {devtools => packages/devtools}/app/app.vue (100%)
 rename {devtools => packages/devtools}/app/assets/css/main.css (100%)
 rename {devtools => packages/devtools}/app/components/CollapseContainer.vue (100%)
 rename {devtools => packages/devtools}/app/components/ComboInput.vue (100%)
 rename {devtools => packages/devtools}/app/components/CompodiumLogo.vue (100%)
 rename {devtools => packages/devtools}/app/components/ComponentCode.vue (96%)
 rename {devtools => packages/devtools}/app/components/ComponentPreview.vue (100%)
 rename {devtools => packages/devtools}/app/components/ComponentPropInput.vue (98%)
 rename {devtools => packages/devtools}/app/components/JsonEditor.vue (100%)
 rename {devtools => packages/devtools}/app/components/inputs/ArrayInput.vue (95%)
 rename {devtools => packages/devtools}/app/components/inputs/BooleanInput.vue (62%)
 rename {devtools => packages/devtools}/app/components/inputs/DateInput.vue (92%)
 rename {devtools => packages/devtools}/app/components/inputs/IconInput.vue (100%)
 rename {devtools => packages/devtools}/app/components/inputs/NumberInput.vue (64%)
 rename {devtools => packages/devtools}/app/components/inputs/ObjectInput.vue (96%)
 rename {devtools => packages/devtools}/app/components/inputs/PrimitiveArrayInput.vue (92%)
 rename {devtools => packages/devtools}/app/components/inputs/StringEnumInput.vue (76%)
 rename {devtools => packages/devtools}/app/components/inputs/StringInput.vue (71%)
 rename {devtools => packages/devtools}/app/composables/useCollections.ts (91%)
 rename {devtools => packages/devtools}/app/composables/useShiki.ts (100%)
 rename {devtools => packages/devtools}/app/middleware/redirect.global.ts (100%)
 rename {devtools => packages/devtools}/app/pages/components.vue (98%)
 rename {devtools => packages/devtools}/app/pages/components/[id].vue (99%)
 rename {devtools => packages/devtools}/app/pages/welcome.vue (94%)
 rename {devtools => packages/devtools}/app/plugins/prettier.client.ts (100%)
 rename {devtools => packages/devtools}/app/utils/codegen.ts (100%)
 rename {devtools => packages/devtools}/app/utils/enum.ts (94%)
 rename {devtools => packages/devtools}/app/workers/prettier.js (100%)
 rename {devtools => packages/devtools}/nuxt.config.ts (76%)
 rename {devtools => packages/devtools}/package.json (79%)
 rename {devtools => packages/devtools}/test/codegen.test.ts (100%)
 rename {devtools => packages/devtools}/tsconfig.json (100%)
 rename {devtools => packages/devtools}/vitest.config.mts (100%)
 rename {meta => packages/meta}/LICENSE (100%)
 rename {meta => packages/meta}/README.md (100%)
 rename {meta => packages/meta}/lib/base.cts (100%)
 rename {meta => packages/meta}/lib/index.cts (100%)
 rename {meta => packages/meta}/package.json (82%)
 rename {meta => packages/meta}/tsconfig.json (100%)
 rename build.config.ts => packages/nuxt/build.config.ts (100%)
 create mode 100644 packages/nuxt/package.json
 rename {src => packages/nuxt/src}/module.ts (99%)
 rename {src => packages/nuxt/src}/nuxt.ts (100%)
 rename {src => packages/nuxt/src}/runtime/components/Placeholder.vue (100%)
 rename {src => packages/nuxt/src}/runtime/composables/extendCompodiumMeta.ts (100%)
 rename {src => packages/nuxt/src}/runtime/libs/defaults.ts (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/AvatarGroupExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/ButtonGroupExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/CardExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/CarouselExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/ChipExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/CollapsibleExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/ContainerExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/ContextMenuExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/DrawerExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/DropdownMenuExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/FormExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/FormFieldExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/LinkExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/ModalExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/PopoverExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/SkeletonExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/SlideoverExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/StepperExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/TableExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/ToasterExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/examples/ui/TooltipExample.vue (100%)
 rename {src => packages/nuxt/src}/runtime/libs/index.ts (100%)
 rename {src => packages/nuxt/src}/runtime/preview.vue (100%)
 rename {src => packages/nuxt/src}/runtime/renderer-placeholder.vue (100%)
 rename {src => packages/nuxt/src}/runtime/renderer.vue (100%)
 rename {src => packages/nuxt/src}/runtime/root.vue (100%)
 rename {src => packages/nuxt/src}/runtime/server/api/collections.get.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/api/colors.get.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/api/component-meta.get.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/api/example.get.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/api/iconify.get.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/api/reload-meta.get.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/services/checker.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/services/infer.ts (100%)
 rename {src => packages/nuxt/src}/runtime/server/tsconfig.json (100%)
 rename {src => packages/nuxt/src}/runtime/utils.ts (100%)
 rename {src => packages/nuxt/src}/types.d.ts (98%)
 rename {src => packages/nuxt/src}/utils.ts (100%)
 rename {src => packages/nuxt/src}/vite.ts (100%)
 rename {test => packages/nuxt/test}/basic.test.ts (94%)
 rename {test => packages/nuxt/test}/custom-compodium-dir.test.ts (85%)
 rename {test => packages/nuxt/test}/custom-component-dirs.test.ts (81%)
 rename {test => packages/nuxt/test}/fixtures/basic/app.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/compodium/examples/BasicComponentExample.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/compodium/examples/BasicComponentExampleWithSuffix.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/components/BasicComponent.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/components/ComplexComponent.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/components/ExcludedComponent.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/components/ExtendMeta.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/components/ExtendMetaBad.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/components/ExtendMetaWithVars.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/nuxt.config.ts (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/package.json (100%)
 rename {test => packages/nuxt/test}/fixtures/basic/ui/Button.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-compodium-dir/app.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-compodium-dir/components/BasicComponent.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-compodium-dir/nuxt.config.ts (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-compodium-dir/package.json (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-compodium-dir/play/examples/BasicComponentExample.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-compodium-dir/play/preview.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-component-dirs/app.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-component-dirs/compodium/examples/BasicComponentExample.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-component-dirs/components/BasicComponent.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-component-dirs/my-ui/Button.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-component-dirs/nuxt.config.ts (100%)
 rename {test => packages/nuxt/test}/fixtures/custom-component-dirs/package.json (100%)
 rename {test => packages/nuxt/test}/fixtures/with-nuxt-ui/app.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/with-nuxt-ui/components/BasicComponent.vue (100%)
 rename {test => packages/nuxt/test}/fixtures/with-nuxt-ui/nuxt.config.ts (100%)
 rename {test => packages/nuxt/test}/fixtures/with-nuxt-ui/package.json (100%)
 rename {test => packages/nuxt/test}/prod.test.ts (100%)
 rename {test => packages/nuxt/test}/with-nuxt-ui.test.ts (91%)
 rename tsconfig.json => packages/nuxt/tsconfig.json (80%)
 rename vitest.config.ts => packages/nuxt/vitest.config.ts (100%)
 create mode 100644 scripts/_utils.ts
 create mode 100644 scripts/bump.ts

diff --git a/.npmrc b/.npmrc
index 5c270570..cf040424 100644
--- a/.npmrc
+++ b/.npmrc
@@ -1,3 +1,2 @@
 shamefully-hoist=true
 strict-peer-dependencies=false
-node-linker=hoisted
diff --git a/_vitest.config.ts b/_vitest.config.ts
new file mode 100644
index 00000000..e08c004e
--- /dev/null
+++ b/_vitest.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    workspace: ['packages/*']
+  }
+})
diff --git a/eslint.config.mjs b/eslint.config.mjs
index c240b7f4..dfc95bc1 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -19,5 +19,5 @@ export default createConfigForNuxt({
   'vue/multi-word-component-names': 'off',
   '@typescript-eslint/no-explicit-any': 'off'
 }).prepend({
-  ignores: ['src/devtools/.component-meta']
+  ignores: ['scripts/_utils.ts']
 })
diff --git a/package.json b/package.json
index ab4d5611..fafabbac 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "compodium",
+  "name": "@compodium",
   "version": "0.1.0-beta.4",
   "description": "A plug an play component playground for Nuxt.",
   "repository": "romhml/compodium",
@@ -18,57 +18,21 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "pnpm --filter @compodium/meta build && nuxt-module-build build && nuxi generate devtools",
+    "dev:prepare": "pnpm -r dev:prepare",
     "dev": "COMPODIUM_LOCAL=true nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "pnpm --filter @compodium/meta build && nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare devtools && nuxi prepare playground",
-    "release": "pnpm run lint && pnpm run test && pnpm run prepack && changelogen --release && pnpm publish && git push --follow-tags",
     "lint": "eslint .",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "typecheck": "vue-tsc --noEmit && nuxi typecheck devtools && nuxi typecheck playground"
-  },
-  "dependencies": {
-    "@compodium/meta": "workspace:*",
-    "@nuxt/devtools-kit": "^2.2.1",
-    "@nuxt/kit": "^3.15.4",
-    "@vueuse/core": "^12.8.2",
-    "chokidar": "^4.0.3",
-    "consola": "^3.4.0",
-    "defu": "^6.1.4",
-    "get-port-please": "^3.1.2",
-    "hookable": "^5.5.3",
-    "micromatch": "^4.0.8",
-    "npm-run-path": "^6.0.0",
-    "pathe": "^2.0.3",
-    "scule": "^1.3.0",
-    "semver": "^7.7.1",
-    "sirv": "^3.0.1",
-    "tinyglobby": "^0.2.12",
-    "ufo": "^1.5.4",
-    "zod": "^3.24.2"
+    "typecheck": "pnpm -r typecheck",
+    "test": "pnpm -r test",
+    "bump": "jiti ./scripts/bump.ts"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.2.1",
     "@nuxt/eslint-config": "^1.1.0",
-    "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/schema": "^3.15.4",
-    "@nuxt/test-utils": "^3.17.1",
-    "@types/micromatch": "^4.0.9",
-    "@types/node": "^22.13.9",
-    "@types/semver": "^7.5.8",
     "changelogen": "^0.6.1",
     "eslint": "^9.21.0",
-    "happy-dom": "^16.8.1",
     "nuxt": "^3.15.4",
-    "playwright-core": "^1.50.1",
     "typescript": "5.6.3",
-    "vitest": "^3.0.7",
-    "vue-tsc": "^2.2.0"
+    "vitest": "^3.0.7"
   },
-  "bundleDependencies": [
-    "@compodium/meta"
-  ],
   "resolutions": {
     "tailwindcss": "4.0.7",
     "@tailwindcss/vite": "4.0.7",
diff --git a/devtools/app/app.config.ts b/packages/devtools/app/app.config.ts
similarity index 100%
rename from devtools/app/app.config.ts
rename to packages/devtools/app/app.config.ts
diff --git a/devtools/app/app.vue b/packages/devtools/app/app.vue
similarity index 100%
rename from devtools/app/app.vue
rename to packages/devtools/app/app.vue
diff --git a/devtools/app/assets/css/main.css b/packages/devtools/app/assets/css/main.css
similarity index 100%
rename from devtools/app/assets/css/main.css
rename to packages/devtools/app/assets/css/main.css
diff --git a/devtools/app/components/CollapseContainer.vue b/packages/devtools/app/components/CollapseContainer.vue
similarity index 100%
rename from devtools/app/components/CollapseContainer.vue
rename to packages/devtools/app/components/CollapseContainer.vue
diff --git a/devtools/app/components/ComboInput.vue b/packages/devtools/app/components/ComboInput.vue
similarity index 100%
rename from devtools/app/components/ComboInput.vue
rename to packages/devtools/app/components/ComboInput.vue
diff --git a/devtools/app/components/CompodiumLogo.vue b/packages/devtools/app/components/CompodiumLogo.vue
similarity index 100%
rename from devtools/app/components/CompodiumLogo.vue
rename to packages/devtools/app/components/CompodiumLogo.vue
diff --git a/devtools/app/components/ComponentCode.vue b/packages/devtools/app/components/ComponentCode.vue
similarity index 96%
rename from devtools/app/components/ComponentCode.vue
rename to packages/devtools/app/components/ComponentCode.vue
index db73d41b..9e8c0ce2 100644
--- a/devtools/app/components/ComponentCode.vue
+++ b/packages/devtools/app/components/ComponentCode.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useClipboard } from '@vueuse/core'
-import type { ComponentMeta, ComponentExample } from '#module/types'
+import type { ComponentMeta, ComponentExample } from 'compodium'
 import { generateComponentCode } from '@/utils/codegen'
 
 const props = defineProps<{ example?: string, component?: ComponentMeta | ComponentExample, props?: Record<string, any>, defaultProps?: Record<string, any> }>()
diff --git a/devtools/app/components/ComponentPreview.vue b/packages/devtools/app/components/ComponentPreview.vue
similarity index 100%
rename from devtools/app/components/ComponentPreview.vue
rename to packages/devtools/app/components/ComponentPreview.vue
diff --git a/devtools/app/components/ComponentPropInput.vue b/packages/devtools/app/components/ComponentPropInput.vue
similarity index 98%
rename from devtools/app/components/ComponentPropInput.vue
rename to packages/devtools/app/components/ComponentPropInput.vue
index 0cd9dab3..c1fb0665 100644
--- a/devtools/app/components/ComponentPropInput.vue
+++ b/packages/devtools/app/components/ComponentPropInput.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import type { PropInputType, PropSchema } from '#module/types'
+import type { PropInputType, PropSchema } from 'compodium'
 import BooleanInput from '../components/inputs/BooleanInput.vue'
 import StringInput from '../components/inputs/StringInput.vue'
 import NumberInput from '../components/inputs/NumberInput.vue'
diff --git a/devtools/app/components/JsonEditor.vue b/packages/devtools/app/components/JsonEditor.vue
similarity index 100%
rename from devtools/app/components/JsonEditor.vue
rename to packages/devtools/app/components/JsonEditor.vue
diff --git a/devtools/app/components/inputs/ArrayInput.vue b/packages/devtools/app/components/inputs/ArrayInput.vue
similarity index 95%
rename from devtools/app/components/inputs/ArrayInput.vue
rename to packages/devtools/app/components/inputs/ArrayInput.vue
index 408d12cd..7dd22018 100644
--- a/devtools/app/components/inputs/ArrayInput.vue
+++ b/packages/devtools/app/components/inputs/ArrayInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ArrayInputSchema } from '#module/runtime/server/services/infer'
+import type { ArrayInputSchema } from 'compodium'
 
 defineProps<{ schema: ArrayInputSchema }>()
 
diff --git a/devtools/app/components/inputs/BooleanInput.vue b/packages/devtools/app/components/inputs/BooleanInput.vue
similarity index 62%
rename from devtools/app/components/inputs/BooleanInput.vue
rename to packages/devtools/app/components/inputs/BooleanInput.vue
index 8357ffa7..15dfc1e4 100644
--- a/devtools/app/components/inputs/BooleanInput.vue
+++ b/packages/devtools/app/components/inputs/BooleanInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { BooleanInputSchema } from '#module/runtime/server/services/infer'
+import type { BooleanInputSchema } from 'compodium'
 
 defineProps<{ schema: BooleanInputSchema }>()
 </script>
diff --git a/devtools/app/components/inputs/DateInput.vue b/packages/devtools/app/components/inputs/DateInput.vue
similarity index 92%
rename from devtools/app/components/inputs/DateInput.vue
rename to packages/devtools/app/components/inputs/DateInput.vue
index 9f1777c0..df054bb4 100644
--- a/devtools/app/components/inputs/DateInput.vue
+++ b/packages/devtools/app/components/inputs/DateInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { DateInputSchema } from '#module/runtime/server/services/infer'
+import type { DateInputSchema } from 'compodium'
 import { CalendarDate, DateFormatter, getLocalTimeZone } from '@internationalized/date'
 
 defineProps<{ schema: DateInputSchema }>()
diff --git a/devtools/app/components/inputs/IconInput.vue b/packages/devtools/app/components/inputs/IconInput.vue
similarity index 100%
rename from devtools/app/components/inputs/IconInput.vue
rename to packages/devtools/app/components/inputs/IconInput.vue
diff --git a/devtools/app/components/inputs/NumberInput.vue b/packages/devtools/app/components/inputs/NumberInput.vue
similarity index 64%
rename from devtools/app/components/inputs/NumberInput.vue
rename to packages/devtools/app/components/inputs/NumberInput.vue
index b34236f2..2195ffd9 100644
--- a/devtools/app/components/inputs/NumberInput.vue
+++ b/packages/devtools/app/components/inputs/NumberInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { NumberInputSchema } from '#module/runtime/server/services/infer'
+import type { NumberInputSchema } from 'compodium'
 
 defineProps<{ schema: NumberInputSchema }>()
 </script>
diff --git a/devtools/app/components/inputs/ObjectInput.vue b/packages/devtools/app/components/inputs/ObjectInput.vue
similarity index 96%
rename from devtools/app/components/inputs/ObjectInput.vue
rename to packages/devtools/app/components/inputs/ObjectInput.vue
index fa49b90c..00623275 100644
--- a/devtools/app/components/inputs/ObjectInput.vue
+++ b/packages/devtools/app/components/inputs/ObjectInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ObjectInputSchema } from '#module/runtime/server/services/infer'
+import type { ObjectInputSchema } from 'compodium'
 import type { PropertyMeta } from '@compodium/meta'
 import { useFuse } from '@vueuse/integrations/useFuse.mjs'
 
diff --git a/devtools/app/components/inputs/PrimitiveArrayInput.vue b/packages/devtools/app/components/inputs/PrimitiveArrayInput.vue
similarity index 92%
rename from devtools/app/components/inputs/PrimitiveArrayInput.vue
rename to packages/devtools/app/components/inputs/PrimitiveArrayInput.vue
index 2bac191a..f486e0c5 100644
--- a/devtools/app/components/inputs/PrimitiveArrayInput.vue
+++ b/packages/devtools/app/components/inputs/PrimitiveArrayInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { PrimitiveArrayInputSchema } from '#module/runtime/server/services/infer'
+import type { PrimitiveArrayInputSchema } from 'compodium'
 
 const props = defineProps<{ schema: PrimitiveArrayInputSchema }>()
 
diff --git a/devtools/app/components/inputs/StringEnumInput.vue b/packages/devtools/app/components/inputs/StringEnumInput.vue
similarity index 76%
rename from devtools/app/components/inputs/StringEnumInput.vue
rename to packages/devtools/app/components/inputs/StringEnumInput.vue
index f8422e8f..1b85bfb8 100644
--- a/devtools/app/components/inputs/StringEnumInput.vue
+++ b/packages/devtools/app/components/inputs/StringEnumInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { StringEnumInputSchema } from '#module/runtime/server/services/infer'
+import type { StringEnumInputSchema } from 'compodium'
 import { getEnumOptions } from '../../utils/enum'
 
 const props = defineProps<{ schema: StringEnumInputSchema }>()
diff --git a/devtools/app/components/inputs/StringInput.vue b/packages/devtools/app/components/inputs/StringInput.vue
similarity index 71%
rename from devtools/app/components/inputs/StringInput.vue
rename to packages/devtools/app/components/inputs/StringInput.vue
index ca84adad..4c32ad7f 100644
--- a/devtools/app/components/inputs/StringInput.vue
+++ b/packages/devtools/app/components/inputs/StringInput.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { StringEnumInputSchema } from '#module/runtime/server/services/infer'
+import type { StringEnumInputSchema } from 'compodium'
 
 defineProps<{ schema: StringEnumInputSchema }>()
 </script>
diff --git a/devtools/app/composables/useCollections.ts b/packages/devtools/app/composables/useCollections.ts
similarity index 91%
rename from devtools/app/composables/useCollections.ts
rename to packages/devtools/app/composables/useCollections.ts
index 8e14fa11..581c631c 100644
--- a/devtools/app/composables/useCollections.ts
+++ b/packages/devtools/app/composables/useCollections.ts
@@ -1,4 +1,4 @@
-import type { ComponentCollection } from '#module/types'
+import type { ComponentCollection } from 'compodium'
 
 export function useCollections() {
   const collections = useState<Record<string, ComponentCollection>>('__compodium-collections', () => ({}))
diff --git a/devtools/app/composables/useShiki.ts b/packages/devtools/app/composables/useShiki.ts
similarity index 100%
rename from devtools/app/composables/useShiki.ts
rename to packages/devtools/app/composables/useShiki.ts
diff --git a/devtools/app/middleware/redirect.global.ts b/packages/devtools/app/middleware/redirect.global.ts
similarity index 100%
rename from devtools/app/middleware/redirect.global.ts
rename to packages/devtools/app/middleware/redirect.global.ts
diff --git a/devtools/app/pages/components.vue b/packages/devtools/app/pages/components.vue
similarity index 98%
rename from devtools/app/pages/components.vue
rename to packages/devtools/app/pages/components.vue
index ad5c0212..96464c0a 100644
--- a/devtools/app/pages/components.vue
+++ b/packages/devtools/app/pages/components.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ComponentCollection, ComponentExample } from '#module/types'
+import type { ComponentCollection, ComponentExample } from 'compodium'
 import { kebabCase } from 'scule'
 
 const route = useRoute()
diff --git a/devtools/app/pages/components/[id].vue b/packages/devtools/app/pages/components/[id].vue
similarity index 99%
rename from devtools/app/pages/components/[id].vue
rename to packages/devtools/app/pages/components/[id].vue
index 98b4cd97..c42286a9 100644
--- a/devtools/app/pages/components/[id].vue
+++ b/packages/devtools/app/pages/components/[id].vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { useColorMode, useDebounceFn } from '@vueuse/core'
 import { useFuse } from '@vueuse/integrations/useFuse'
-import type { ComponentMeta, CompodiumHooks } from '#module/types'
+import type { ComponentMeta, CompodiumHooks } from 'compodium'
 import type { PropertyMeta } from '@compodium/meta'
 import { camelCase, pascalCase } from 'scule'
 import { createHooks } from 'hookable'
diff --git a/devtools/app/pages/welcome.vue b/packages/devtools/app/pages/welcome.vue
similarity index 94%
rename from devtools/app/pages/welcome.vue
rename to packages/devtools/app/pages/welcome.vue
index e925085c..8419d2cd 100644
--- a/devtools/app/pages/welcome.vue
+++ b/packages/devtools/app/pages/welcome.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { CompodiumHooks } from '#module/types'
+import type { CompodiumHooks } from 'compodium'
 import { createHooks } from 'hookable'
 
 const hooks = createHooks<CompodiumHooks>()
diff --git a/devtools/app/plugins/prettier.client.ts b/packages/devtools/app/plugins/prettier.client.ts
similarity index 100%
rename from devtools/app/plugins/prettier.client.ts
rename to packages/devtools/app/plugins/prettier.client.ts
diff --git a/devtools/app/utils/codegen.ts b/packages/devtools/app/utils/codegen.ts
similarity index 100%
rename from devtools/app/utils/codegen.ts
rename to packages/devtools/app/utils/codegen.ts
diff --git a/devtools/app/utils/enum.ts b/packages/devtools/app/utils/enum.ts
similarity index 94%
rename from devtools/app/utils/enum.ts
rename to packages/devtools/app/utils/enum.ts
index 558440b8..a8ba66fe 100644
--- a/devtools/app/utils/enum.ts
+++ b/packages/devtools/app/utils/enum.ts
@@ -1,4 +1,4 @@
-import type { StringEnumInputSchema } from '#module/runtime/server/services/infer'
+import type { StringEnumInputSchema } from 'compodium'
 
 const sizes = ['xs', 'sm', 'md', 'lg', 'xl']
 
diff --git a/devtools/app/workers/prettier.js b/packages/devtools/app/workers/prettier.js
similarity index 100%
rename from devtools/app/workers/prettier.js
rename to packages/devtools/app/workers/prettier.js
diff --git a/devtools/nuxt.config.ts b/packages/devtools/nuxt.config.ts
similarity index 76%
rename from devtools/nuxt.config.ts
rename to packages/devtools/nuxt.config.ts
index f28e3c4e..ce7f2c73 100644
--- a/devtools/nuxt.config.ts
+++ b/packages/devtools/nuxt.config.ts
@@ -26,7 +26,7 @@ export default defineNuxtConfig({
       }
     },
     output: {
-      publicDir: resolve(__dirname, '../dist/client/devtools')
+      publicDir: resolve(__dirname, '../nuxt/dist/client/devtools')
     }
   },
   vite: {
@@ -35,14 +35,5 @@ export default defineNuxtConfig({
         clientPort: process.env.PORT ? +process.env.PORT : undefined
       }
     }
-  },
-  typescript: {
-    tsConfig: {
-      compilerOptions: {
-        paths: {
-          '#module/*': ['../../src/*']
-        }
-      }
-    }
   }
 })
diff --git a/devtools/package.json b/packages/devtools/package.json
similarity index 79%
rename from devtools/package.json
rename to packages/devtools/package.json
index 98e5d02b..0c53d7b1 100644
--- a/devtools/package.json
+++ b/packages/devtools/package.json
@@ -3,11 +3,10 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev:prepare": "nuxi prepare",
+    "typecheck": "nuxi typecheck",
     "generate": "nuxt generate",
-    "preview": "nuxt preview",
-    "test": "vitest"
+    "test": "vitest run ."
   },
   "dependencies": {
     "@nuxt/ui": "3.0.0-beta.2",
@@ -22,6 +21,7 @@
   },
   "devDependencies": {
     "@compodium/meta": "workspace:*",
+    "compodium": "workspace:*",
     "@iconify-json/lucide": "^1.2.28"
   }
 }
diff --git a/devtools/test/codegen.test.ts b/packages/devtools/test/codegen.test.ts
similarity index 100%
rename from devtools/test/codegen.test.ts
rename to packages/devtools/test/codegen.test.ts
diff --git a/devtools/tsconfig.json b/packages/devtools/tsconfig.json
similarity index 100%
rename from devtools/tsconfig.json
rename to packages/devtools/tsconfig.json
diff --git a/devtools/vitest.config.mts b/packages/devtools/vitest.config.mts
similarity index 100%
rename from devtools/vitest.config.mts
rename to packages/devtools/vitest.config.mts
diff --git a/meta/LICENSE b/packages/meta/LICENSE
similarity index 100%
rename from meta/LICENSE
rename to packages/meta/LICENSE
diff --git a/meta/README.md b/packages/meta/README.md
similarity index 100%
rename from meta/README.md
rename to packages/meta/README.md
diff --git a/meta/lib/base.cts b/packages/meta/lib/base.cts
similarity index 100%
rename from meta/lib/base.cts
rename to packages/meta/lib/base.cts
diff --git a/meta/lib/index.cts b/packages/meta/lib/index.cts
similarity index 100%
rename from meta/lib/index.cts
rename to packages/meta/lib/index.cts
diff --git a/meta/package.json b/packages/meta/package.json
similarity index 82%
rename from meta/package.json
rename to packages/meta/package.json
index 23ff0142..9289b2fa 100644
--- a/meta/package.json
+++ b/packages/meta/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@compodium/meta",
-  "version": "0.1.0",
+  "version": "0.1.0-beta.4",
   "license": "MIT",
   "type": "commonjs",
   "exports": {
@@ -11,7 +11,9 @@
     "dist/**/*.d.ts"
   ],
   "scripts": {
-    "build": "tsc -b"
+    "dev:prepare": "tsc -b",
+    "typecheck": "tsc --noEmit",
+    "prepack": "tsc -b"
   },
   "dependencies": {
     "@volar/language-core": "^2.4.11",
diff --git a/meta/tsconfig.json b/packages/meta/tsconfig.json
similarity index 100%
rename from meta/tsconfig.json
rename to packages/meta/tsconfig.json
diff --git a/build.config.ts b/packages/nuxt/build.config.ts
similarity index 100%
rename from build.config.ts
rename to packages/nuxt/build.config.ts
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
new file mode 100644
index 00000000..614fd017
--- /dev/null
+++ b/packages/nuxt/package.json
@@ -0,0 +1,67 @@
+{
+  "name": "compodium",
+  "version": "0.1.0-beta.4",
+  "description": "A plug an play component playground for Nuxt.",
+  "repository": "romhml/compodium",
+  "license": "MIT",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepack": "nuxt-module-build build && nuxi generate devtools && pnpm --filter @compodium/devtools generate",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare",
+    "release": "pnpm run lint && pnpm run test && pnpm run prepack && changelogen --release && pnpm publish && git push --follow-tags",
+    "typecheck": "vue-tsc --noEmit",
+    "test": "vitest run ."
+  },
+  "dependencies": {
+    "@compodium/meta": "workspace:*",
+    "@nuxt/devtools-kit": "^2.2.1",
+    "@nuxt/kit": "^3.15.4",
+    "@vueuse/core": "^12.8.2",
+    "chokidar": "^4.0.3",
+    "consola": "^3.4.0",
+    "defu": "^6.1.4",
+    "get-port-please": "^3.1.2",
+    "hookable": "^5.5.3",
+    "micromatch": "^4.0.8",
+    "npm-run-path": "^6.0.0",
+    "pathe": "^2.0.3",
+    "scule": "^1.3.0",
+    "semver": "^7.7.1",
+    "sirv": "^3.0.1",
+    "tinyglobby": "^0.2.12",
+    "ufo": "^1.5.4",
+    "zod": "^3.24.2"
+  },
+  "devDependencies": {
+    "@nuxt/devtools": "^2.2.1",
+    "@nuxt/eslint-config": "^1.1.0",
+    "@nuxt/module-builder": "^0.8.4",
+    "@nuxt/schema": "^3.15.4",
+    "@nuxt/test-utils": "^3.17.1",
+    "@types/micromatch": "^4.0.9",
+    "@types/node": "^22.13.9",
+    "@types/semver": "^7.5.8",
+    "happy-dom": "^16.8.1",
+    "nuxt": "^3.15.4",
+    "playwright-core": "^1.50.1",
+    "vue-tsc": "^2.2.0"
+  },
+  "packageManager": "pnpm@10.5.2",
+  "keywords": [
+    "nuxt",
+    "components",
+    "documentation"
+  ]
+}
diff --git a/src/module.ts b/packages/nuxt/src/module.ts
similarity index 99%
rename from src/module.ts
rename to packages/nuxt/src/module.ts
index 1ec573cf..71c6906d 100644
--- a/src/module.ts
+++ b/packages/nuxt/src/module.ts
@@ -18,6 +18,8 @@ import { joinURL, withTrailingSlash } from 'ufo'
 import { getLibraryCollections } from './runtime/libs'
 import micromatch from 'micromatch'
 
+export type * from './types'
+
 export interface ModuleOptions {
   /* Whether to include default collections for third-party libraries. */
   includeLibraryCollections: boolean
@@ -238,7 +240,7 @@ export default defineNuxtModule<ModuleOptions>({
           {
             command: 'pnpm',
             args: ['nuxi', 'dev'],
-            cwd: './devtools',
+            cwd: './packages/devtools',
             stdio: 'pipe',
             env: {
               PORT: PORT.toString()
diff --git a/src/nuxt.ts b/packages/nuxt/src/nuxt.ts
similarity index 100%
rename from src/nuxt.ts
rename to packages/nuxt/src/nuxt.ts
diff --git a/src/runtime/components/Placeholder.vue b/packages/nuxt/src/runtime/components/Placeholder.vue
similarity index 100%
rename from src/runtime/components/Placeholder.vue
rename to packages/nuxt/src/runtime/components/Placeholder.vue
diff --git a/src/runtime/composables/extendCompodiumMeta.ts b/packages/nuxt/src/runtime/composables/extendCompodiumMeta.ts
similarity index 100%
rename from src/runtime/composables/extendCompodiumMeta.ts
rename to packages/nuxt/src/runtime/composables/extendCompodiumMeta.ts
diff --git a/src/runtime/libs/defaults.ts b/packages/nuxt/src/runtime/libs/defaults.ts
similarity index 100%
rename from src/runtime/libs/defaults.ts
rename to packages/nuxt/src/runtime/libs/defaults.ts
diff --git a/src/runtime/libs/examples/ui/AvatarGroupExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/AvatarGroupExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/AvatarGroupExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/AvatarGroupExample.vue
diff --git a/src/runtime/libs/examples/ui/ButtonGroupExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/ButtonGroupExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/ButtonGroupExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/ButtonGroupExample.vue
diff --git a/src/runtime/libs/examples/ui/CardExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/CardExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/CardExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/CardExample.vue
diff --git a/src/runtime/libs/examples/ui/CarouselExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/CarouselExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/CarouselExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/CarouselExample.vue
diff --git a/src/runtime/libs/examples/ui/ChipExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/ChipExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/ChipExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/ChipExample.vue
diff --git a/src/runtime/libs/examples/ui/CollapsibleExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/CollapsibleExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/CollapsibleExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/CollapsibleExample.vue
diff --git a/src/runtime/libs/examples/ui/ContainerExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/ContainerExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/ContainerExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/ContainerExample.vue
diff --git a/src/runtime/libs/examples/ui/ContextMenuExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/ContextMenuExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/ContextMenuExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/ContextMenuExample.vue
diff --git a/src/runtime/libs/examples/ui/DrawerExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/DrawerExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/DrawerExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/DrawerExample.vue
diff --git a/src/runtime/libs/examples/ui/DropdownMenuExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/DropdownMenuExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/DropdownMenuExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/DropdownMenuExample.vue
diff --git a/src/runtime/libs/examples/ui/FormExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/FormExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/FormExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/FormExample.vue
diff --git a/src/runtime/libs/examples/ui/FormFieldExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/FormFieldExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/FormFieldExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/FormFieldExample.vue
diff --git a/src/runtime/libs/examples/ui/LinkExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/LinkExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/LinkExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/LinkExample.vue
diff --git a/src/runtime/libs/examples/ui/ModalExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/ModalExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/ModalExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/ModalExample.vue
diff --git a/src/runtime/libs/examples/ui/PopoverExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/PopoverExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/PopoverExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/PopoverExample.vue
diff --git a/src/runtime/libs/examples/ui/SkeletonExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/SkeletonExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/SkeletonExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/SkeletonExample.vue
diff --git a/src/runtime/libs/examples/ui/SlideoverExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/SlideoverExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/SlideoverExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/SlideoverExample.vue
diff --git a/src/runtime/libs/examples/ui/StepperExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/StepperExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/StepperExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/StepperExample.vue
diff --git a/src/runtime/libs/examples/ui/TableExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/TableExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/TableExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/TableExample.vue
diff --git a/src/runtime/libs/examples/ui/ToasterExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/ToasterExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/ToasterExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/ToasterExample.vue
diff --git a/src/runtime/libs/examples/ui/TooltipExample.vue b/packages/nuxt/src/runtime/libs/examples/ui/TooltipExample.vue
similarity index 100%
rename from src/runtime/libs/examples/ui/TooltipExample.vue
rename to packages/nuxt/src/runtime/libs/examples/ui/TooltipExample.vue
diff --git a/src/runtime/libs/index.ts b/packages/nuxt/src/runtime/libs/index.ts
similarity index 100%
rename from src/runtime/libs/index.ts
rename to packages/nuxt/src/runtime/libs/index.ts
diff --git a/src/runtime/preview.vue b/packages/nuxt/src/runtime/preview.vue
similarity index 100%
rename from src/runtime/preview.vue
rename to packages/nuxt/src/runtime/preview.vue
diff --git a/src/runtime/renderer-placeholder.vue b/packages/nuxt/src/runtime/renderer-placeholder.vue
similarity index 100%
rename from src/runtime/renderer-placeholder.vue
rename to packages/nuxt/src/runtime/renderer-placeholder.vue
diff --git a/src/runtime/renderer.vue b/packages/nuxt/src/runtime/renderer.vue
similarity index 100%
rename from src/runtime/renderer.vue
rename to packages/nuxt/src/runtime/renderer.vue
diff --git a/src/runtime/root.vue b/packages/nuxt/src/runtime/root.vue
similarity index 100%
rename from src/runtime/root.vue
rename to packages/nuxt/src/runtime/root.vue
diff --git a/src/runtime/server/api/collections.get.ts b/packages/nuxt/src/runtime/server/api/collections.get.ts
similarity index 100%
rename from src/runtime/server/api/collections.get.ts
rename to packages/nuxt/src/runtime/server/api/collections.get.ts
diff --git a/src/runtime/server/api/colors.get.ts b/packages/nuxt/src/runtime/server/api/colors.get.ts
similarity index 100%
rename from src/runtime/server/api/colors.get.ts
rename to packages/nuxt/src/runtime/server/api/colors.get.ts
diff --git a/src/runtime/server/api/component-meta.get.ts b/packages/nuxt/src/runtime/server/api/component-meta.get.ts
similarity index 100%
rename from src/runtime/server/api/component-meta.get.ts
rename to packages/nuxt/src/runtime/server/api/component-meta.get.ts
diff --git a/src/runtime/server/api/example.get.ts b/packages/nuxt/src/runtime/server/api/example.get.ts
similarity index 100%
rename from src/runtime/server/api/example.get.ts
rename to packages/nuxt/src/runtime/server/api/example.get.ts
diff --git a/src/runtime/server/api/iconify.get.ts b/packages/nuxt/src/runtime/server/api/iconify.get.ts
similarity index 100%
rename from src/runtime/server/api/iconify.get.ts
rename to packages/nuxt/src/runtime/server/api/iconify.get.ts
diff --git a/src/runtime/server/api/reload-meta.get.ts b/packages/nuxt/src/runtime/server/api/reload-meta.get.ts
similarity index 100%
rename from src/runtime/server/api/reload-meta.get.ts
rename to packages/nuxt/src/runtime/server/api/reload-meta.get.ts
diff --git a/src/runtime/server/services/checker.ts b/packages/nuxt/src/runtime/server/services/checker.ts
similarity index 100%
rename from src/runtime/server/services/checker.ts
rename to packages/nuxt/src/runtime/server/services/checker.ts
diff --git a/src/runtime/server/services/infer.ts b/packages/nuxt/src/runtime/server/services/infer.ts
similarity index 100%
rename from src/runtime/server/services/infer.ts
rename to packages/nuxt/src/runtime/server/services/infer.ts
diff --git a/src/runtime/server/tsconfig.json b/packages/nuxt/src/runtime/server/tsconfig.json
similarity index 100%
rename from src/runtime/server/tsconfig.json
rename to packages/nuxt/src/runtime/server/tsconfig.json
diff --git a/src/runtime/utils.ts b/packages/nuxt/src/runtime/utils.ts
similarity index 100%
rename from src/runtime/utils.ts
rename to packages/nuxt/src/runtime/utils.ts
diff --git a/src/types.d.ts b/packages/nuxt/src/types.d.ts
similarity index 98%
rename from src/types.d.ts
rename to packages/nuxt/src/types.d.ts
index 106413d6..1c2e37e9 100644
--- a/src/types.d.ts
+++ b/packages/nuxt/src/types.d.ts
@@ -1,10 +1,11 @@
 import type { ComponentMeta as VueComponentMeta } from '@compodium/meta'
 import type { Component as NuxtComponent } from 'nuxt'
-import type { InputSchema } from './runtime/server/services/infer'
 import type { Hookable } from 'hookable'
 
 export type IconifyIcon = string & {}
 
+export type * from './runtime/server/services/infer'
+
 export type PropInputType = 'array' | 'object' | 'stringEnum' | 'primitiveArray' | 'array' | 'string' | 'number' | 'boolean' | 'date' | 'icon'
 
 type StringLiteral<T> = T extends string ? (string extends T ? never : T) : never
diff --git a/src/utils.ts b/packages/nuxt/src/utils.ts
similarity index 100%
rename from src/utils.ts
rename to packages/nuxt/src/utils.ts
diff --git a/src/vite.ts b/packages/nuxt/src/vite.ts
similarity index 100%
rename from src/vite.ts
rename to packages/nuxt/src/vite.ts
diff --git a/test/basic.test.ts b/packages/nuxt/test/basic.test.ts
similarity index 94%
rename from test/basic.test.ts
rename to packages/nuxt/test/basic.test.ts
index 25ac4859..674c52df 100644
--- a/test/basic.test.ts
+++ b/packages/nuxt/test/basic.test.ts
@@ -1,7 +1,7 @@
 import { resolve } from 'pathe'
 import { describe, it, expect, beforeEach } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
-import type { ComponentCollection, ComponentMeta } from '~/src/types'
+import type { ComponentMeta } from '~/src/types'
 
 describe('basic', async () => {
   await setup({
@@ -27,7 +27,7 @@ describe('basic', async () => {
 
   describe('collections api', () => {
     it('works', async () => {
-      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+      const collections = await $fetch('/__compodium__/api/collections')
       expect(collections).toEqual({
         components: expect.objectContaining({
           name: 'Components',
@@ -38,7 +38,7 @@ describe('basic', async () => {
     })
 
     it('assigns component examples', async () => {
-      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+      const collections = await $fetch('/__compodium__/api/collections')
       expect(collections.components.components.basicComponent.examples).toEqual([
         expect.objectContaining({
           baseName: 'BasicComponentExampleWithSuffix',
@@ -53,7 +53,7 @@ describe('basic', async () => {
     })
 
     it('overrides component with main example', async () => {
-      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+      const collections = await $fetch('/__compodium__/api/collections')
       expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({
         pascalName: 'BasicComponentExample',
         shortPath: 'compodium/examples/BasicComponentExample.vue',
@@ -63,7 +63,7 @@ describe('basic', async () => {
     })
 
     it('ignores excluded components', async () => {
-      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+      const collections = await $fetch('/__compodium__/api/collections')
       expect(collections.components.components.excludedComponent).toBeUndefined()
     })
   })
@@ -110,7 +110,7 @@ describe('basic', async () => {
 
   describe('compodium meta', async () => {
     it('works', async () => {
-      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/extendMeta')
+      const component = await $fetch('/__compodium__/api/component-meta/extendMeta')
       expect(component.meta.compodium).toMatchObject({
         defaultProps: {
           foo: 'bar',
@@ -125,12 +125,12 @@ describe('basic', async () => {
     })
 
     it('filters variables', async () => {
-      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/extendMetaWithVars')
+      const component = await $fetch('/__compodium__/api/component-meta/extendMetaWithVars')
       expect(component.meta.compodium).toEqual({ defaultProps: {} })
     })
 
     it('ignores if invalid param', async () => {
-      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/extendMetaBad')
+      const component = await $fetch('/__compodium__/api/component-meta/extendMetaBad')
       expect(component.meta.compodium).toEqual({ defaultProps: {} })
     })
   })
@@ -139,7 +139,7 @@ describe('basic', async () => {
     let props: ComponentMeta['meta']['props']
 
     beforeEach(async () => {
-      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/complexComponent')
+      const component = await $fetch('/__compodium__/api/component-meta/complexComponent')
       props = component.meta.props
     })
 
diff --git a/test/custom-compodium-dir.test.ts b/packages/nuxt/test/custom-compodium-dir.test.ts
similarity index 85%
rename from test/custom-compodium-dir.test.ts
rename to packages/nuxt/test/custom-compodium-dir.test.ts
index 6e040e8e..1a56b1af 100644
--- a/test/custom-compodium-dir.test.ts
+++ b/packages/nuxt/test/custom-compodium-dir.test.ts
@@ -1,7 +1,6 @@
 import { resolve } from 'pathe'
 import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
-import type { ComponentCollection } from '~/src/types'
 
 describe('custom compodium dir', async () => {
   await setup({
@@ -22,7 +21,7 @@ describe('custom compodium dir', async () => {
   })
 
   it('resolves examples', async () => {
-    const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+    const collections = await $fetch('/__compodium__/api/collections')
     expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({
       pascalName: 'BasicComponentExample',
       shortPath: 'play/examples/BasicComponentExample.vue',
diff --git a/test/custom-component-dirs.test.ts b/packages/nuxt/test/custom-component-dirs.test.ts
similarity index 81%
rename from test/custom-component-dirs.test.ts
rename to packages/nuxt/test/custom-component-dirs.test.ts
index f72cde85..1f765735 100644
--- a/test/custom-component-dirs.test.ts
+++ b/packages/nuxt/test/custom-component-dirs.test.ts
@@ -1,7 +1,6 @@
 import { resolve } from 'pathe'
 import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
-import type { ComponentCollection } from '~/src/types'
 
 describe('custom components dirs', async () => {
   await setup({
@@ -14,7 +13,7 @@ describe('custom components dirs', async () => {
 
   describe('collections api', () => {
     it('works', async () => {
-      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+      const collections = await $fetch('/__compodium__/api/collections')
       expect(collections).toEqual({
         components: expect.objectContaining({
           name: 'Components',
@@ -29,7 +28,7 @@ describe('custom components dirs', async () => {
 
     describe('collections api', () => {
       it('resolves examples', async () => {
-        const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+        const collections = await $fetch('/__compodium__/api/collections')
         expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({
           pascalName: 'BasicComponentExample',
           shortPath: 'compodium/examples/BasicComponentExample.vue',
diff --git a/test/fixtures/basic/app.vue b/packages/nuxt/test/fixtures/basic/app.vue
similarity index 100%
rename from test/fixtures/basic/app.vue
rename to packages/nuxt/test/fixtures/basic/app.vue
diff --git a/test/fixtures/basic/compodium/examples/BasicComponentExample.vue b/packages/nuxt/test/fixtures/basic/compodium/examples/BasicComponentExample.vue
similarity index 100%
rename from test/fixtures/basic/compodium/examples/BasicComponentExample.vue
rename to packages/nuxt/test/fixtures/basic/compodium/examples/BasicComponentExample.vue
diff --git a/test/fixtures/basic/compodium/examples/BasicComponentExampleWithSuffix.vue b/packages/nuxt/test/fixtures/basic/compodium/examples/BasicComponentExampleWithSuffix.vue
similarity index 100%
rename from test/fixtures/basic/compodium/examples/BasicComponentExampleWithSuffix.vue
rename to packages/nuxt/test/fixtures/basic/compodium/examples/BasicComponentExampleWithSuffix.vue
diff --git a/test/fixtures/basic/components/BasicComponent.vue b/packages/nuxt/test/fixtures/basic/components/BasicComponent.vue
similarity index 100%
rename from test/fixtures/basic/components/BasicComponent.vue
rename to packages/nuxt/test/fixtures/basic/components/BasicComponent.vue
diff --git a/test/fixtures/basic/components/ComplexComponent.vue b/packages/nuxt/test/fixtures/basic/components/ComplexComponent.vue
similarity index 100%
rename from test/fixtures/basic/components/ComplexComponent.vue
rename to packages/nuxt/test/fixtures/basic/components/ComplexComponent.vue
diff --git a/test/fixtures/basic/components/ExcludedComponent.vue b/packages/nuxt/test/fixtures/basic/components/ExcludedComponent.vue
similarity index 100%
rename from test/fixtures/basic/components/ExcludedComponent.vue
rename to packages/nuxt/test/fixtures/basic/components/ExcludedComponent.vue
diff --git a/test/fixtures/basic/components/ExtendMeta.vue b/packages/nuxt/test/fixtures/basic/components/ExtendMeta.vue
similarity index 100%
rename from test/fixtures/basic/components/ExtendMeta.vue
rename to packages/nuxt/test/fixtures/basic/components/ExtendMeta.vue
diff --git a/test/fixtures/basic/components/ExtendMetaBad.vue b/packages/nuxt/test/fixtures/basic/components/ExtendMetaBad.vue
similarity index 100%
rename from test/fixtures/basic/components/ExtendMetaBad.vue
rename to packages/nuxt/test/fixtures/basic/components/ExtendMetaBad.vue
diff --git a/test/fixtures/basic/components/ExtendMetaWithVars.vue b/packages/nuxt/test/fixtures/basic/components/ExtendMetaWithVars.vue
similarity index 100%
rename from test/fixtures/basic/components/ExtendMetaWithVars.vue
rename to packages/nuxt/test/fixtures/basic/components/ExtendMetaWithVars.vue
diff --git a/test/fixtures/basic/nuxt.config.ts b/packages/nuxt/test/fixtures/basic/nuxt.config.ts
similarity index 100%
rename from test/fixtures/basic/nuxt.config.ts
rename to packages/nuxt/test/fixtures/basic/nuxt.config.ts
diff --git a/test/fixtures/basic/package.json b/packages/nuxt/test/fixtures/basic/package.json
similarity index 100%
rename from test/fixtures/basic/package.json
rename to packages/nuxt/test/fixtures/basic/package.json
diff --git a/test/fixtures/basic/ui/Button.vue b/packages/nuxt/test/fixtures/basic/ui/Button.vue
similarity index 100%
rename from test/fixtures/basic/ui/Button.vue
rename to packages/nuxt/test/fixtures/basic/ui/Button.vue
diff --git a/test/fixtures/custom-compodium-dir/app.vue b/packages/nuxt/test/fixtures/custom-compodium-dir/app.vue
similarity index 100%
rename from test/fixtures/custom-compodium-dir/app.vue
rename to packages/nuxt/test/fixtures/custom-compodium-dir/app.vue
diff --git a/test/fixtures/custom-compodium-dir/components/BasicComponent.vue b/packages/nuxt/test/fixtures/custom-compodium-dir/components/BasicComponent.vue
similarity index 100%
rename from test/fixtures/custom-compodium-dir/components/BasicComponent.vue
rename to packages/nuxt/test/fixtures/custom-compodium-dir/components/BasicComponent.vue
diff --git a/test/fixtures/custom-compodium-dir/nuxt.config.ts b/packages/nuxt/test/fixtures/custom-compodium-dir/nuxt.config.ts
similarity index 100%
rename from test/fixtures/custom-compodium-dir/nuxt.config.ts
rename to packages/nuxt/test/fixtures/custom-compodium-dir/nuxt.config.ts
diff --git a/test/fixtures/custom-compodium-dir/package.json b/packages/nuxt/test/fixtures/custom-compodium-dir/package.json
similarity index 100%
rename from test/fixtures/custom-compodium-dir/package.json
rename to packages/nuxt/test/fixtures/custom-compodium-dir/package.json
diff --git a/test/fixtures/custom-compodium-dir/play/examples/BasicComponentExample.vue b/packages/nuxt/test/fixtures/custom-compodium-dir/play/examples/BasicComponentExample.vue
similarity index 100%
rename from test/fixtures/custom-compodium-dir/play/examples/BasicComponentExample.vue
rename to packages/nuxt/test/fixtures/custom-compodium-dir/play/examples/BasicComponentExample.vue
diff --git a/test/fixtures/custom-compodium-dir/play/preview.vue b/packages/nuxt/test/fixtures/custom-compodium-dir/play/preview.vue
similarity index 100%
rename from test/fixtures/custom-compodium-dir/play/preview.vue
rename to packages/nuxt/test/fixtures/custom-compodium-dir/play/preview.vue
diff --git a/test/fixtures/custom-component-dirs/app.vue b/packages/nuxt/test/fixtures/custom-component-dirs/app.vue
similarity index 100%
rename from test/fixtures/custom-component-dirs/app.vue
rename to packages/nuxt/test/fixtures/custom-component-dirs/app.vue
diff --git a/test/fixtures/custom-component-dirs/compodium/examples/BasicComponentExample.vue b/packages/nuxt/test/fixtures/custom-component-dirs/compodium/examples/BasicComponentExample.vue
similarity index 100%
rename from test/fixtures/custom-component-dirs/compodium/examples/BasicComponentExample.vue
rename to packages/nuxt/test/fixtures/custom-component-dirs/compodium/examples/BasicComponentExample.vue
diff --git a/test/fixtures/custom-component-dirs/components/BasicComponent.vue b/packages/nuxt/test/fixtures/custom-component-dirs/components/BasicComponent.vue
similarity index 100%
rename from test/fixtures/custom-component-dirs/components/BasicComponent.vue
rename to packages/nuxt/test/fixtures/custom-component-dirs/components/BasicComponent.vue
diff --git a/test/fixtures/custom-component-dirs/my-ui/Button.vue b/packages/nuxt/test/fixtures/custom-component-dirs/my-ui/Button.vue
similarity index 100%
rename from test/fixtures/custom-component-dirs/my-ui/Button.vue
rename to packages/nuxt/test/fixtures/custom-component-dirs/my-ui/Button.vue
diff --git a/test/fixtures/custom-component-dirs/nuxt.config.ts b/packages/nuxt/test/fixtures/custom-component-dirs/nuxt.config.ts
similarity index 100%
rename from test/fixtures/custom-component-dirs/nuxt.config.ts
rename to packages/nuxt/test/fixtures/custom-component-dirs/nuxt.config.ts
diff --git a/test/fixtures/custom-component-dirs/package.json b/packages/nuxt/test/fixtures/custom-component-dirs/package.json
similarity index 100%
rename from test/fixtures/custom-component-dirs/package.json
rename to packages/nuxt/test/fixtures/custom-component-dirs/package.json
diff --git a/test/fixtures/with-nuxt-ui/app.vue b/packages/nuxt/test/fixtures/with-nuxt-ui/app.vue
similarity index 100%
rename from test/fixtures/with-nuxt-ui/app.vue
rename to packages/nuxt/test/fixtures/with-nuxt-ui/app.vue
diff --git a/test/fixtures/with-nuxt-ui/components/BasicComponent.vue b/packages/nuxt/test/fixtures/with-nuxt-ui/components/BasicComponent.vue
similarity index 100%
rename from test/fixtures/with-nuxt-ui/components/BasicComponent.vue
rename to packages/nuxt/test/fixtures/with-nuxt-ui/components/BasicComponent.vue
diff --git a/test/fixtures/with-nuxt-ui/nuxt.config.ts b/packages/nuxt/test/fixtures/with-nuxt-ui/nuxt.config.ts
similarity index 100%
rename from test/fixtures/with-nuxt-ui/nuxt.config.ts
rename to packages/nuxt/test/fixtures/with-nuxt-ui/nuxt.config.ts
diff --git a/test/fixtures/with-nuxt-ui/package.json b/packages/nuxt/test/fixtures/with-nuxt-ui/package.json
similarity index 100%
rename from test/fixtures/with-nuxt-ui/package.json
rename to packages/nuxt/test/fixtures/with-nuxt-ui/package.json
diff --git a/test/prod.test.ts b/packages/nuxt/test/prod.test.ts
similarity index 100%
rename from test/prod.test.ts
rename to packages/nuxt/test/prod.test.ts
diff --git a/test/with-nuxt-ui.test.ts b/packages/nuxt/test/with-nuxt-ui.test.ts
similarity index 91%
rename from test/with-nuxt-ui.test.ts
rename to packages/nuxt/test/with-nuxt-ui.test.ts
index 1be847c7..1ea3db2b 100644
--- a/test/with-nuxt-ui.test.ts
+++ b/packages/nuxt/test/with-nuxt-ui.test.ts
@@ -1,7 +1,6 @@
 import { resolve } from 'pathe'
 import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
-import type { ComponentCollection } from '~/src/types'
 
 describe('with nuxt ui', async () => {
   await setup({
@@ -14,7 +13,7 @@ describe('with nuxt ui', async () => {
 
   describe('collections api', () => {
     it('works', async () => {
-      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
+      const collections = await $fetch('/__compodium__/api/collections')
       expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({ componentId: 'basicComponent', collectionId: 'components' }))
       expect(collections.ui.components.uButton).toEqual(expect.objectContaining({ componentId: 'uButton', collectionId: 'ui' }))
     })
diff --git a/tsconfig.json b/packages/nuxt/tsconfig.json
similarity index 80%
rename from tsconfig.json
rename to packages/nuxt/tsconfig.json
index 0b08b5c9..74c5d635 100644
--- a/tsconfig.json
+++ b/packages/nuxt/tsconfig.json
@@ -3,9 +3,6 @@
   "exclude": [
     "dist",
     "node_modules",
-    "playground",
-    "devtools",
-    "meta",
     "test/fixtures/",
     "src/runtime/libs",
   ],
diff --git a/vitest.config.ts b/packages/nuxt/vitest.config.ts
similarity index 100%
rename from vitest.config.ts
rename to packages/nuxt/vitest.config.ts
diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
index 04a71ccb..b82f2410 100644
--- a/playground/nuxt.config.ts
+++ b/playground/nuxt.config.ts
@@ -1,5 +1,5 @@
 export default defineNuxtConfig({
-  modules: ['@nuxt/ui', '../src/module'],
+  modules: ['@nuxt/ui', 'compodium'],
   devtools: { enabled: true },
   css: ['~/assets/css/main.css'],
   compatibilityDate: '2025-02-12'
diff --git a/playground/package.json b/playground/package.json
index 917f39b5..8cf9b64d 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -3,13 +3,15 @@
   "name": "@compodium/playground",
   "type": "module",
   "scripts": {
+    "dev:prepare": "nuxi prepare",
     "dev": "nuxi dev",
+    "typecheck": "nuxi typecheck",
     "build": "nuxi build",
     "generate": "nuxi generate"
   },
   "dependencies": {
-    "@iconify/types": "^2.0.0",
     "@nuxt/ui": "^3.0.0-beta.2",
-    "nuxt": "^3.15.4"
+    "nuxt": "^3.15.4",
+    "compodium": "workspace:*"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a1c3f6e1..f432425e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,10 +12,92 @@ overrides:
 importers:
 
   .:
+    devDependencies:
+      '@nuxt/eslint-config':
+        specifier: ^1.1.0
+        version: 1.1.0(@vue/compiler-sfc@3.5.13)(eslint@9.21.0(jiti@2.4.2))(typescript@5.6.3)
+      changelogen:
+        specifier: ^0.6.1
+        version: 0.6.1(magicast@0.3.5)
+      eslint:
+        specifier: ^9.21.0
+        version: 9.21.0(jiti@2.4.2)
+      nuxt:
+        specifier: ^3.15.4
+        version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(lightningcss@1.29.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.8)(terser@5.39.0)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.6.3))(yaml@2.7.0)
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+      vitest:
+        specifier: ^3.0.7
+        version: 3.0.7(@types/node@22.13.9)(happy-dom@16.8.1)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0)
+
+  packages/devtools:
     dependencies:
+      '@nuxt/ui':
+        specifier: 3.0.0-beta.2
+        version: 3.0.0-beta.2(@babel/parser@7.26.9)(change-case@5.4.4)(db0@0.2.4)(embla-carousel@8.5.2)(ioredis@5.5.0)(magicast@0.3.5)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.6.3))
+      '@vueuse/core':
+        specifier: ^12.8.2
+        version: 12.8.2(typescript@5.6.3)
+      '@vueuse/integrations':
+        specifier: ^12.8.2
+        version: 12.8.2(change-case@5.4.4)(fuse.js@7.1.0)(typescript@5.6.3)
+      fuse.js:
+        specifier: ^7.1.0
+        version: 7.1.0
+      json-editor-vue:
+        specifier: ^0.18.1
+        version: 0.18.1(vue@3.5.13(typescript@5.6.3))
+      knitwork:
+        specifier: ^1.2.0
+        version: 1.2.0
+      nuxt:
+        specifier: ^3.15.4
+        version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(lightningcss@1.29.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.8)(terser@5.39.0)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.6.3))(yaml@2.7.0)
+      prettier:
+        specifier: ^3.5.3
+        version: 3.5.3
+      shiki:
+        specifier: ^3.1.0
+        version: 3.1.0
+    devDependencies:
       '@compodium/meta':
         specifier: workspace:*
-        version: link:meta
+        version: link:../meta
+      '@iconify-json/lucide':
+        specifier: ^1.2.28
+        version: 1.2.28
+      compodium:
+        specifier: workspace:*
+        version: link:../nuxt
+
+  packages/meta:
+    dependencies:
+      '@volar/language-core':
+        specifier: ^2.4.11
+        version: 2.4.11
+      '@volar/typescript':
+        specifier: ^2.4.11
+        version: 2.4.11
+      '@vue/language-core':
+        specifier: 2.2.8
+        version: 2.2.8(typescript@5.6.3)
+      typescript:
+        specifier: '*'
+        version: 5.6.3
+      vue-component-meta:
+        specifier: ^2.2.8
+        version: 2.2.8(typescript@5.6.3)
+      vue-component-type-helpers:
+        specifier: ^2.2.8
+        version: 2.2.8
+
+  packages/nuxt:
+    dependencies:
+      '@compodium/meta':
+        specifier: workspace:*
+        version: link:../meta
       '@nuxt/devtools-kit':
         specifier: ^2.2.1
         version: 2.2.1(magicast@0.3.5)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))
@@ -92,12 +174,6 @@ importers:
       '@types/semver':
         specifier: ^7.5.8
         version: 7.5.8
-      changelogen:
-        specifier: ^0.6.1
-        version: 0.6.1(magicast@0.3.5)
-      eslint:
-        specifier: ^9.21.0
-        version: 9.21.0(jiti@2.4.2)
       happy-dom:
         specifier: ^16.8.1
         version: 16.8.1
@@ -107,82 +183,18 @@ importers:
       playwright-core:
         specifier: ^1.50.1
         version: 1.50.1
-      typescript:
-        specifier: 5.6.3
-        version: 5.6.3
-      vitest:
-        specifier: ^3.0.7
-        version: 3.0.7(@types/node@22.13.9)(happy-dom@16.8.1)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0)
       vue-tsc:
         specifier: ^2.2.0
         version: 2.2.0(typescript@5.6.3)
 
-  devtools:
-    dependencies:
-      '@nuxt/ui':
-        specifier: 3.0.0-beta.2
-        version: 3.0.0-beta.2(@babel/parser@7.26.9)(change-case@5.4.4)(db0@0.2.4)(embla-carousel@8.5.2)(ioredis@5.5.0)(magicast@0.3.5)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.6.3))
-      '@vueuse/core':
-        specifier: ^12.8.2
-        version: 12.8.2(typescript@5.6.3)
-      '@vueuse/integrations':
-        specifier: ^12.8.2
-        version: 12.8.2(change-case@5.4.4)(fuse.js@7.1.0)(typescript@5.6.3)
-      fuse.js:
-        specifier: ^7.1.0
-        version: 7.1.0
-      json-editor-vue:
-        specifier: ^0.18.1
-        version: 0.18.1(vue@3.5.13(typescript@5.6.3))
-      knitwork:
-        specifier: ^1.2.0
-        version: 1.2.0
-      nuxt:
-        specifier: ^3.15.4
-        version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(lightningcss@1.29.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.8)(terser@5.39.0)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.6.3))(yaml@2.7.0)
-      prettier:
-        specifier: ^3.5.3
-        version: 3.5.3
-      shiki:
-        specifier: ^3.1.0
-        version: 3.1.0
-    devDependencies:
-      '@compodium/meta':
-        specifier: workspace:*
-        version: link:../meta
-      '@iconify-json/lucide':
-        specifier: ^1.2.28
-        version: 1.2.28
-
-  meta:
-    dependencies:
-      '@volar/language-core':
-        specifier: ^2.4.11
-        version: 2.4.11
-      '@volar/typescript':
-        specifier: ^2.4.11
-        version: 2.4.11
-      '@vue/language-core':
-        specifier: 2.2.8
-        version: 2.2.8(typescript@5.6.3)
-      typescript:
-        specifier: '*'
-        version: 5.6.3
-      vue-component-meta:
-        specifier: ^2.2.8
-        version: 2.2.8(typescript@5.6.3)
-      vue-component-type-helpers:
-        specifier: ^2.2.8
-        version: 2.2.8
-
   playground:
     dependencies:
-      '@iconify/types':
-        specifier: ^2.0.0
-        version: 2.0.0
       '@nuxt/ui':
         specifier: ^3.0.0-beta.2
         version: 3.0.0-beta.2(@babel/parser@7.26.9)(change-case@5.4.4)(db0@0.2.4)(embla-carousel@8.5.2)(ioredis@5.5.0)(magicast@0.3.5)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.6.3))
+      compodium:
+        specifier: workspace:*
+        version: link:../packages/nuxt
       nuxt:
         specifier: ^3.15.4
         version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(lightningcss@1.29.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.8)(terser@5.39.0)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.6.3))(yaml@2.7.0)
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 79c191b3..6ba6dd2d 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,5 +1,3 @@
 packages:
-  - "./"
-  - "meta"
-  - "devtools"
+  - "./packages/*"
   - "playground"
diff --git a/scripts/_utils.ts b/scripts/_utils.ts
new file mode 100644
index 00000000..14fca8f9
--- /dev/null
+++ b/scripts/_utils.ts
@@ -0,0 +1,179 @@
+// The MIT License (MIT)
+//
+// Copyright (c) 2016-present - Nuxt Team
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+// https://github.com/nuxt/nuxt/blob/main/scripts/_utils.ts
+
+import { promises as fsp } from 'node:fs'
+import { $fetch } from 'ofetch'
+import { resolve } from 'pathe'
+import { compare } from 'semver'
+import { glob } from 'tinyglobby'
+import { exec } from 'tinyexec'
+import { determineSemverChange, getGitDiff, loadChangelogConfig, parseCommits } from 'changelogen'
+
+export interface Dep {
+  name: string
+  range: string
+  type: string
+}
+
+type ThenArg<T> = T extends PromiseLike<infer U> ? U : T
+export type Package = ThenArg<ReturnType<typeof loadPackage>>
+
+export async function loadPackage(dir: string) {
+  const pkgPath = resolve(dir, 'package.json')
+  const data = JSON.parse(await fsp.readFile(pkgPath, 'utf-8').catch(() => '{}'))
+  const save = () => fsp.writeFile(pkgPath, JSON.stringify(data, null, 2) + '\n')
+
+  const updateDeps = (reviver: (dep: Dep) => Dep | void) => {
+    for (const type of ['dependencies', 'devDependencies', 'optionalDependencies', 'peerDependencies']) {
+      if (!data[type]) { continue }
+      for (const e of Object.entries(data[type])) {
+        const dep: Dep = { name: e[0], range: e[1] as string, type }
+        delete data[type][dep.name]
+        const updated = reviver(dep) || dep
+        data[updated.type] ||= {}
+        data[updated.type][updated.name] = updated.range
+      }
+    }
+  }
+
+  return {
+    dir,
+    data,
+    save,
+    updateDeps
+  }
+}
+
+export async function loadWorkspace(dir: string) {
+  const workspacePkg = await loadPackage(dir)
+  const pkgDirs = (await glob(['packages/*'], { onlyDirectories: true })).sort()
+
+  const packages: Package[] = []
+
+  for (const pkgDir of pkgDirs) {
+    const pkg = await loadPackage(pkgDir)
+    if (!pkg.data.name) { continue }
+    packages.push(pkg)
+  }
+
+  const find = (name: string) => {
+    const pkg = packages.find(pkg => pkg.data.name === name)
+    if (!pkg) {
+      throw new Error('Workspace package not found: ' + name)
+    }
+    return pkg
+  }
+
+  const rename = (from: string, to: string) => {
+    find(from).data._name = find(from).data.name
+    find(from).data.name = to
+    for (const pkg of packages) {
+      pkg.updateDeps((dep) => {
+        if (dep.name === from && !dep.range.startsWith('npm:')) {
+          dep.range = 'npm:' + to + '@' + dep.range
+        }
+      })
+    }
+  }
+
+  const setVersion = (name: string, newVersion: string, opts: { updateDeps?: boolean } = {}) => {
+    find(name).data.version = newVersion
+    if (!opts.updateDeps) { return }
+
+    for (const pkg of packages) {
+      pkg.updateDeps((dep) => {
+        if (dep.name === name) {
+          dep.range = newVersion
+        }
+      })
+    }
+  }
+
+  const save = () => Promise.all(packages.map(pkg => pkg.save()))
+
+  return {
+    dir,
+    workspacePkg,
+    packages,
+    save,
+    find,
+    rename,
+    setVersion
+  }
+}
+
+export async function determineBumpType() {
+  const config = await loadChangelogConfig(process.cwd())
+  const commits = await getLatestCommits()
+
+  return determineSemverChange(commits, config)
+}
+
+export async function getLatestTag() {
+  const { stdout: latestTag } = await exec('git', ['describe', '--tags', '--abbrev=0'])
+  return latestTag.trim()
+}
+
+export async function getLatestReleasedTag() {
+  const latestReleasedTag = await exec('git', ['tag', '-l']).then(r => r.stdout.trim().split('\n').filter(t => /v3\.\d+\.\d+/.test(t)).sort(compare)).then(r => r.pop()!.trim())
+  return latestReleasedTag
+}
+
+export async function getPreviousReleasedCommits() {
+  const config = await loadChangelogConfig(process.cwd())
+  const latestTag = await getLatestTag()
+  const latestReleasedTag = await getLatestReleasedTag()
+  const commits = parseCommits(await getGitDiff(latestTag, latestReleasedTag), config)
+  return commits
+}
+
+export async function getLatestCommits() {
+  const config = await loadChangelogConfig(process.cwd())
+  const latestTag = await getLatestTag()
+
+  return parseCommits(await getGitDiff(latestTag), config)
+}
+
+export async function getContributors() {
+  const contributors = [] as Array<{ name: string, username: string }>
+  const emails = new Set<string>()
+  const latestTag = await getLatestTag()
+  const rawCommits = await getGitDiff(latestTag)
+  for (const commit of rawCommits) {
+    if (emails.has(commit.author.email) || commit.author.name === 'renovate[bot]') { continue }
+    const { author } = await $fetch<{ author: { login: string, email: string } }>(`https://api.github.com/repos/nuxt/nuxt/commits/${commit.shortHash}`, {
+      headers: {
+        'User-Agent': 'nuxt/nuxt',
+        'Accept': 'application/vnd.github.v3+json',
+        'Authorization': `token ${process.env.GITHUB_TOKEN}`
+      }
+    })
+    if (!author) { continue }
+    if (!contributors.some(c => c.username === author.login)) {
+      contributors.push({ name: commit.author.name, username: author.login })
+    }
+    emails.add(author.email)
+  }
+  return contributors
+}
diff --git a/scripts/bump.ts b/scripts/bump.ts
new file mode 100644
index 00000000..00f56462
--- /dev/null
+++ b/scripts/bump.ts
@@ -0,0 +1,46 @@
+// The MIT License (MIT)
+//
+// Copyright (c) 2016-present - Nuxt Team
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+
+// https://github.com/nuxt/nuxt/blob/main/scripts/bump.ts
+
+import { consola } from 'consola'
+import { loadWorkspace } from './_utils'
+
+async function main() {
+  const workspace = await loadWorkspace(process.cwd())
+
+  const newVersion = process.argv[2]
+  if (!newVersion) {
+    throw new Error('Please provide version!')
+  }
+
+  for (const pkg of workspace.packages.filter(p => !p.data.private)) {
+    workspace.setVersion(pkg.data.name, newVersion!)
+  }
+
+  await workspace.save()
+}
+
+main().catch((err) => {
+  consola.error(err)
+  process.exit(1)
+})

From 5f6afa109a9803846941be5f28b356b6b6346adb Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 09:59:40 +0100
Subject: [PATCH 2/9] fix: publish

---
 .github/workflows/ci.yml |   2 +-
 package.json             |   1 +
 packages/nuxt/LICENSE.md |   9 ++
 packages/nuxt/README.md  | 189 +++++++++++++++++++++++++++++++++++++++
 4 files changed, 200 insertions(+), 1 deletion(-)
 create mode 100644 packages/nuxt/LICENSE.md
 create mode 100644 packages/nuxt/README.md

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 8be7df73..41a9acf1 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -40,4 +40,4 @@ jobs:
         run: pnpm test
 
       - name: Publish
-        run: pnpx pkg-pr-new publish --compact --no-template --pnpm
+        run: pnpx pkg-pr-new publish --compact --no-template --pnpm './packages/nuxt' './packages/meta'
diff --git a/package.json b/package.json
index fafabbac..9b6b1b30 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,7 @@
 {
   "name": "@compodium",
   "version": "0.1.0-beta.4",
+  "private": true,
   "description": "A plug an play component playground for Nuxt.",
   "repository": "romhml/compodium",
   "license": "MIT",
diff --git a/packages/nuxt/LICENSE.md b/packages/nuxt/LICENSE.md
new file mode 100644
index 00000000..1ac06403
--- /dev/null
+++ b/packages/nuxt/LICENSE.md
@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2025 Romain Hamel 
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/nuxt/README.md b/packages/nuxt/README.md
new file mode 100644
index 00000000..a9e66c85
--- /dev/null
+++ b/packages/nuxt/README.md
@@ -0,0 +1,189 @@
+<div align="center">
+  
+# Compodium
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![License][license-src]][license-href]
+[![Nuxt][nuxt-src]][nuxt-href]
+
+A plug and play component playground for Nuxt.
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/7e354f8f-72cb-43ee-bbc3-857bb665e841">
+  <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/e743a4c6-4845-4320-9cef-437e3890f05b">
+  <img alt="Compodium" src="https://github.com/user-attachments/assets/e743a4c6-4845-4320-9cef-437e3890f05b">
+</picture>
+
+
+[Try it live!](https://codesandbox.io/p/devbox/compodium-jkxt32)
+</div>
+
+> [!WARNING]
+> This project is in its early stages and will evolve. Expect frequent updates and potential changes. Feedback is welcome!
+
+## Features
+
+- **Easy Setup and Use:** Easily integrates into your Nuxt app with minimal configuration. Customize only when needed by creating examples or defining default props.
+- **HMR Support:** Enables real-time updates with HMR for faster development.
+- **Default UI Collections:** Comes with pre-configured collections for your UI libraries.
+
+## Quick Setup
+
+Install the module to your Nuxt application with one command:
+
+```bash
+npx nuxi module add compodium
+```
+
+That's it! You can now access Compodium from the nuxt devtools or `/__compodium__/devtools`.
+
+## Configuration
+
+Configure Compodium in your Nuxt project by customizing the settings in your `nuxt.config.ts` file. Below is the default configuration, which you can modify to suit your needs:
+
+```ts
+export default defineNuxtConfig({
+  compodium: {
+    /* Customize compodium's base directory */
+    dir: 'compodium/',
+
+    /* List of glob patterns to exclude components */
+    exclude: [],
+
+    /* Whether to include default collections for third-party libraries. */
+    includeLibraryCollections: true,
+
+    extras: {
+      ui: {
+        /* If true, Compodium's UI will match your Nuxt UI color theme */
+        matchColors: true
+      }
+    }
+  }
+})
+```
+
+### Preview Component
+
+Compodium renders your components in an isolated preview component that is mounted into your Nuxt application. You can customize this preview component by creating your own in `compodium/preview.vue`.
+
+Here's the default preview component you can start from:
+
+```vue
+<template>
+  <div id="compodium-preview">
+    <slot />
+  </div>
+</template>
+
+<style>
+html {
+  background: var(--ui-bg, white);
+}
+
+html.dark {
+  background: var(--ui-bg, #18181b);
+}
+
+body {
+  margin: 0;
+  padding: 0;
+}
+
+#compodium-preview {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  width: 100vw;
+  padding: 20px;
+}
+</style>
+```
+
+> [!NOTE]
+> Compodium renders outside of your `app.vue` component. This is useful if you need to inject CSS or provide parent components.
+
+### Component Examples
+
+You can provide examples for your components in the `compodium/examples/` folder. Examples will be matched to components based on the filename. Each example must be named after its corresponding component, followed by the `Example` keyword and an optional label.
+
+```bash
+compodium
+└── examples
+    ├── BaseInputExampleDisabled.vue    # Will be added to the BaseInput component.
+    ├── BaseButtonExample.vue           # Will be the main example for the BaseButton component.
+    └── BaseButtonExampleWithLabel.vue  # Will be added to the BaseButton component.
+```
+
+### Default Props
+
+You can use the `extendCompodiumMeta` in your component or in examples to pass default values for required properties:
+```ts
+const props = defineProps<{ label: string }>()
+
+extendCompodiumMeta({
+  defaultProps: {
+    label: 'Click me!'
+  }
+})
+```
+> [!WARNING]
+> `extendCompodiumMeta` is a macro that is evaluated at compile time. As such, you can only use literal values, and can't reference variables.
+
+Alternatively, you can specify default properties for your components in your `app.config.ts` file:
+
+```ts
+export default defineAppConfig({
+  compodium: {
+    components: {
+      baseButton: {
+        label: 'Click me!'
+      }
+    }
+  }
+})
+```
+
+## Contribution
+Contributions are welcome! ♥️
+
+Currently, one way you can contribute is by adding examples for your favorite component library. You can find the Nuxt UI collection and examples [here](https://github.com/romhml/compodium/tree/main/src/runtime/libs).
+
+**Local development**
+
+```bash
+# Install dependencies
+pnpm install
+
+# Generate type stubs
+pnpm dev:prepare
+
+# Develop with the playground
+pnpm dev
+
+# Run ESLint
+pnpm lint
+
+# Run typechecks 
+pnpm typechecks 
+
+# Run Vitest
+pnpm test
+pnpm test:watch
+```
+
+
+<!-- Badges -->
+[npm-version-src]: https://img.shields.io/npm/v/compodium/latest.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-version-href]: https://npmjs.com/package/compodium
+
+[npm-downloads-src]: https://img.shields.io/npm/dm/compodium.svg?style=flat&colorA=020420&colorB=00DC82
+[npm-downloads-href]: https://npm.chart.dev/compodium
+
+[license-src]: https://img.shields.io/npm/l/compodium.svg?style=flat&colorA=020420&colorB=00DC82
+[license-href]: https://npmjs.com/package/compodium
+
+[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
+[nuxt-href]: https://nuxt.com

From a4e5d531c4b9904943e1e4a190e7d5fb69072550 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 10:19:21 +0100
Subject: [PATCH 3/9] chore: up

---
 packages/nuxt/test/basic.test.ts | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/nuxt/test/basic.test.ts b/packages/nuxt/test/basic.test.ts
index 674c52df..25ac4859 100644
--- a/packages/nuxt/test/basic.test.ts
+++ b/packages/nuxt/test/basic.test.ts
@@ -1,7 +1,7 @@
 import { resolve } from 'pathe'
 import { describe, it, expect, beforeEach } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
-import type { ComponentMeta } from '~/src/types'
+import type { ComponentCollection, ComponentMeta } from '~/src/types'
 
 describe('basic', async () => {
   await setup({
@@ -27,7 +27,7 @@ describe('basic', async () => {
 
   describe('collections api', () => {
     it('works', async () => {
-      const collections = await $fetch('/__compodium__/api/collections')
+      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
       expect(collections).toEqual({
         components: expect.objectContaining({
           name: 'Components',
@@ -38,7 +38,7 @@ describe('basic', async () => {
     })
 
     it('assigns component examples', async () => {
-      const collections = await $fetch('/__compodium__/api/collections')
+      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
       expect(collections.components.components.basicComponent.examples).toEqual([
         expect.objectContaining({
           baseName: 'BasicComponentExampleWithSuffix',
@@ -53,7 +53,7 @@ describe('basic', async () => {
     })
 
     it('overrides component with main example', async () => {
-      const collections = await $fetch('/__compodium__/api/collections')
+      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
       expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({
         pascalName: 'BasicComponentExample',
         shortPath: 'compodium/examples/BasicComponentExample.vue',
@@ -63,7 +63,7 @@ describe('basic', async () => {
     })
 
     it('ignores excluded components', async () => {
-      const collections = await $fetch('/__compodium__/api/collections')
+      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
       expect(collections.components.components.excludedComponent).toBeUndefined()
     })
   })
@@ -110,7 +110,7 @@ describe('basic', async () => {
 
   describe('compodium meta', async () => {
     it('works', async () => {
-      const component = await $fetch('/__compodium__/api/component-meta/extendMeta')
+      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/extendMeta')
       expect(component.meta.compodium).toMatchObject({
         defaultProps: {
           foo: 'bar',
@@ -125,12 +125,12 @@ describe('basic', async () => {
     })
 
     it('filters variables', async () => {
-      const component = await $fetch('/__compodium__/api/component-meta/extendMetaWithVars')
+      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/extendMetaWithVars')
       expect(component.meta.compodium).toEqual({ defaultProps: {} })
     })
 
     it('ignores if invalid param', async () => {
-      const component = await $fetch('/__compodium__/api/component-meta/extendMetaBad')
+      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/extendMetaBad')
       expect(component.meta.compodium).toEqual({ defaultProps: {} })
     })
   })
@@ -139,7 +139,7 @@ describe('basic', async () => {
     let props: ComponentMeta['meta']['props']
 
     beforeEach(async () => {
-      const component = await $fetch('/__compodium__/api/component-meta/complexComponent')
+      const component = await $fetch<ComponentMeta>('/__compodium__/api/component-meta/complexComponent')
       props = component.meta.props
     })
 

From d6500d099bd7f35180784957ffbfccf093706458 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 10:24:28 +0100
Subject: [PATCH 4/9] chore: up

---
 packages/nuxt/test/custom-compodium-dir.test.ts  | 3 ++-
 packages/nuxt/test/custom-component-dirs.test.ts | 5 +++--
 packages/nuxt/test/with-nuxt-ui.test.ts          | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/nuxt/test/custom-compodium-dir.test.ts b/packages/nuxt/test/custom-compodium-dir.test.ts
index 1a56b1af..6e040e8e 100644
--- a/packages/nuxt/test/custom-compodium-dir.test.ts
+++ b/packages/nuxt/test/custom-compodium-dir.test.ts
@@ -1,6 +1,7 @@
 import { resolve } from 'pathe'
 import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
+import type { ComponentCollection } from '~/src/types'
 
 describe('custom compodium dir', async () => {
   await setup({
@@ -21,7 +22,7 @@ describe('custom compodium dir', async () => {
   })
 
   it('resolves examples', async () => {
-    const collections = await $fetch('/__compodium__/api/collections')
+    const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
     expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({
       pascalName: 'BasicComponentExample',
       shortPath: 'play/examples/BasicComponentExample.vue',
diff --git a/packages/nuxt/test/custom-component-dirs.test.ts b/packages/nuxt/test/custom-component-dirs.test.ts
index 1f765735..f72cde85 100644
--- a/packages/nuxt/test/custom-component-dirs.test.ts
+++ b/packages/nuxt/test/custom-component-dirs.test.ts
@@ -1,6 +1,7 @@
 import { resolve } from 'pathe'
 import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
+import type { ComponentCollection } from '~/src/types'
 
 describe('custom components dirs', async () => {
   await setup({
@@ -13,7 +14,7 @@ describe('custom components dirs', async () => {
 
   describe('collections api', () => {
     it('works', async () => {
-      const collections = await $fetch('/__compodium__/api/collections')
+      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
       expect(collections).toEqual({
         components: expect.objectContaining({
           name: 'Components',
@@ -28,7 +29,7 @@ describe('custom components dirs', async () => {
 
     describe('collections api', () => {
       it('resolves examples', async () => {
-        const collections = await $fetch('/__compodium__/api/collections')
+        const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
         expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({
           pascalName: 'BasicComponentExample',
           shortPath: 'compodium/examples/BasicComponentExample.vue',
diff --git a/packages/nuxt/test/with-nuxt-ui.test.ts b/packages/nuxt/test/with-nuxt-ui.test.ts
index 1ea3db2b..1be847c7 100644
--- a/packages/nuxt/test/with-nuxt-ui.test.ts
+++ b/packages/nuxt/test/with-nuxt-ui.test.ts
@@ -1,6 +1,7 @@
 import { resolve } from 'pathe'
 import { describe, it, expect } from 'vitest'
 import { setup, $fetch } from '@nuxt/test-utils/e2e'
+import type { ComponentCollection } from '~/src/types'
 
 describe('with nuxt ui', async () => {
   await setup({
@@ -13,7 +14,7 @@ describe('with nuxt ui', async () => {
 
   describe('collections api', () => {
     it('works', async () => {
-      const collections = await $fetch('/__compodium__/api/collections')
+      const collections = await $fetch<Record<string, ComponentCollection>>('/__compodium__/api/collections')
       expect(collections.components.components.basicComponent).toEqual(expect.objectContaining({ componentId: 'basicComponent', collectionId: 'components' }))
       expect(collections.ui.components.uButton).toEqual(expect.objectContaining({ componentId: 'uButton', collectionId: 'ui' }))
     })

From 80f7adcc92e0220f6efca22b24cbfd09fb0b106a Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 10:40:01 +0100
Subject: [PATCH 5/9] chore: up

---
 packages/meta/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/meta/package.json b/packages/meta/package.json
index 9289b2fa..d32dc0a1 100644
--- a/packages/meta/package.json
+++ b/packages/meta/package.json
@@ -1,6 +1,7 @@
 {
   "name": "@compodium/meta",
   "version": "0.1.0-beta.4",
+  "repository": "romhml/compodium",
   "license": "MIT",
   "type": "commonjs",
   "exports": {

From 22ea99576f913ec77ad4a69bc37b15bbee264274 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 10:46:05 +0100
Subject: [PATCH 6/9] chore: up

---
 packages/meta/package.json | 5 ++++-
 packages/nuxt/package.json | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/meta/package.json b/packages/meta/package.json
index d32dc0a1..ed5cd329 100644
--- a/packages/meta/package.json
+++ b/packages/meta/package.json
@@ -1,7 +1,10 @@
 {
   "name": "@compodium/meta",
   "version": "0.1.0-beta.4",
-  "repository": "romhml/compodium",
+  "repository": {
+    "url": "romhml/compodium",
+    "directory": "packages/meta"
+  },
   "license": "MIT",
   "type": "commonjs",
   "exports": {
diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
index 614fd017..7eaabf1c 100644
--- a/packages/nuxt/package.json
+++ b/packages/nuxt/package.json
@@ -2,7 +2,10 @@
   "name": "compodium",
   "version": "0.1.0-beta.4",
   "description": "A plug an play component playground for Nuxt.",
-  "repository": "romhml/compodium",
+  "repository": {
+    "url": "romhml/compodium",
+    "directory": "packages/nuxt"
+  },
   "license": "MIT",
   "type": "module",
   "exports": {

From 7402c21f358966bbb782a34a21b66b82b89468b7 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 10:49:14 +0100
Subject: [PATCH 7/9] chore: up

---
 .github/workflows/ci.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 41a9acf1..5c1e6a93 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -40,4 +40,4 @@ jobs:
         run: pnpm test
 
       - name: Publish
-        run: pnpx pkg-pr-new publish --compact --no-template --pnpm './packages/nuxt' './packages/meta'
+        run: pnpx pkg-pr-new publish --no-template --pnpm './packages/nuxt' './packages/meta'

From b3246855c1deafc3eb38c78441fb70580f7a53a8 Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 10:55:02 +0100
Subject: [PATCH 8/9] chore: up

---
 _vitest.config.ts | 7 -------
 1 file changed, 7 deletions(-)
 delete mode 100644 _vitest.config.ts

diff --git a/_vitest.config.ts b/_vitest.config.ts
deleted file mode 100644
index e08c004e..00000000
--- a/_vitest.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { defineConfig } from 'vitest/config'
-
-export default defineConfig({
-  test: {
-    workspace: ['packages/*']
-  }
-})

From d9e197635824af55ae746541f5d7d836e504a25b Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Fri, 7 Mar 2025 11:00:44 +0100
Subject: [PATCH 9/9] chore: up

---
 package.json             |  21 +----
 packages/nuxt/LICENSE.md |  10 +--
 packages/nuxt/README.md  | 190 +--------------------------------------
 pnpm-lock.yaml           |   3 -
 4 files changed, 3 insertions(+), 221 deletions(-)
 mode change 100644 => 120000 packages/nuxt/LICENSE.md
 mode change 100644 => 120000 packages/nuxt/README.md

diff --git a/package.json b/package.json
index 9b6b1b30..937f9792 100644
--- a/package.json
+++ b/package.json
@@ -2,22 +2,9 @@
   "name": "@compodium",
   "version": "0.1.0-beta.4",
   "private": true,
-  "description": "A plug an play component playground for Nuxt.",
   "repository": "romhml/compodium",
   "license": "MIT",
   "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
-    }
-  },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
   "scripts": {
     "dev:prepare": "pnpm -r dev:prepare",
     "dev": "COMPODIUM_LOCAL=true nuxi dev playground",
@@ -30,7 +17,6 @@
     "@nuxt/eslint-config": "^1.1.0",
     "changelogen": "^0.6.1",
     "eslint": "^9.21.0",
-    "nuxt": "^3.15.4",
     "typescript": "5.6.3",
     "vitest": "^3.0.7"
   },
@@ -39,10 +25,5 @@
     "@tailwindcss/vite": "4.0.7",
     "vue-tsc": "^2.2.0"
   },
-  "packageManager": "pnpm@10.5.2",
-  "keywords": [
-    "nuxt",
-    "components",
-    "documentation"
-  ]
+  "packageManager": "pnpm@10.5.2"
 }
diff --git a/packages/nuxt/LICENSE.md b/packages/nuxt/LICENSE.md
deleted file mode 100644
index 1ac06403..00000000
--- a/packages/nuxt/LICENSE.md
+++ /dev/null
@@ -1,9 +0,0 @@
-MIT License
-
-Copyright (c) 2025 Romain Hamel 
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/packages/nuxt/LICENSE.md b/packages/nuxt/LICENSE.md
new file mode 120000
index 00000000..f0608a63
--- /dev/null
+++ b/packages/nuxt/LICENSE.md
@@ -0,0 +1 @@
+../../LICENSE.md
\ No newline at end of file
diff --git a/packages/nuxt/README.md b/packages/nuxt/README.md
deleted file mode 100644
index a9e66c85..00000000
--- a/packages/nuxt/README.md
+++ /dev/null
@@ -1,189 +0,0 @@
-<div align="center">
-  
-# Compodium
-
-[![npm version][npm-version-src]][npm-version-href]
-[![npm downloads][npm-downloads-src]][npm-downloads-href]
-[![License][license-src]][license-href]
-[![Nuxt][nuxt-src]][nuxt-href]
-
-A plug and play component playground for Nuxt.
-
-<picture>
-  <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/7e354f8f-72cb-43ee-bbc3-857bb665e841">
-  <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/e743a4c6-4845-4320-9cef-437e3890f05b">
-  <img alt="Compodium" src="https://github.com/user-attachments/assets/e743a4c6-4845-4320-9cef-437e3890f05b">
-</picture>
-
-
-[Try it live!](https://codesandbox.io/p/devbox/compodium-jkxt32)
-</div>
-
-> [!WARNING]
-> This project is in its early stages and will evolve. Expect frequent updates and potential changes. Feedback is welcome!
-
-## Features
-
-- **Easy Setup and Use:** Easily integrates into your Nuxt app with minimal configuration. Customize only when needed by creating examples or defining default props.
-- **HMR Support:** Enables real-time updates with HMR for faster development.
-- **Default UI Collections:** Comes with pre-configured collections for your UI libraries.
-
-## Quick Setup
-
-Install the module to your Nuxt application with one command:
-
-```bash
-npx nuxi module add compodium
-```
-
-That's it! You can now access Compodium from the nuxt devtools or `/__compodium__/devtools`.
-
-## Configuration
-
-Configure Compodium in your Nuxt project by customizing the settings in your `nuxt.config.ts` file. Below is the default configuration, which you can modify to suit your needs:
-
-```ts
-export default defineNuxtConfig({
-  compodium: {
-    /* Customize compodium's base directory */
-    dir: 'compodium/',
-
-    /* List of glob patterns to exclude components */
-    exclude: [],
-
-    /* Whether to include default collections for third-party libraries. */
-    includeLibraryCollections: true,
-
-    extras: {
-      ui: {
-        /* If true, Compodium's UI will match your Nuxt UI color theme */
-        matchColors: true
-      }
-    }
-  }
-})
-```
-
-### Preview Component
-
-Compodium renders your components in an isolated preview component that is mounted into your Nuxt application. You can customize this preview component by creating your own in `compodium/preview.vue`.
-
-Here's the default preview component you can start from:
-
-```vue
-<template>
-  <div id="compodium-preview">
-    <slot />
-  </div>
-</template>
-
-<style>
-html {
-  background: var(--ui-bg, white);
-}
-
-html.dark {
-  background: var(--ui-bg, #18181b);
-}
-
-body {
-  margin: 0;
-  padding: 0;
-}
-
-#compodium-preview {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100vh;
-  width: 100vw;
-  padding: 20px;
-}
-</style>
-```
-
-> [!NOTE]
-> Compodium renders outside of your `app.vue` component. This is useful if you need to inject CSS or provide parent components.
-
-### Component Examples
-
-You can provide examples for your components in the `compodium/examples/` folder. Examples will be matched to components based on the filename. Each example must be named after its corresponding component, followed by the `Example` keyword and an optional label.
-
-```bash
-compodium
-└── examples
-    ├── BaseInputExampleDisabled.vue    # Will be added to the BaseInput component.
-    ├── BaseButtonExample.vue           # Will be the main example for the BaseButton component.
-    └── BaseButtonExampleWithLabel.vue  # Will be added to the BaseButton component.
-```
-
-### Default Props
-
-You can use the `extendCompodiumMeta` in your component or in examples to pass default values for required properties:
-```ts
-const props = defineProps<{ label: string }>()
-
-extendCompodiumMeta({
-  defaultProps: {
-    label: 'Click me!'
-  }
-})
-```
-> [!WARNING]
-> `extendCompodiumMeta` is a macro that is evaluated at compile time. As such, you can only use literal values, and can't reference variables.
-
-Alternatively, you can specify default properties for your components in your `app.config.ts` file:
-
-```ts
-export default defineAppConfig({
-  compodium: {
-    components: {
-      baseButton: {
-        label: 'Click me!'
-      }
-    }
-  }
-})
-```
-
-## Contribution
-Contributions are welcome! ♥️
-
-Currently, one way you can contribute is by adding examples for your favorite component library. You can find the Nuxt UI collection and examples [here](https://github.com/romhml/compodium/tree/main/src/runtime/libs).
-
-**Local development**
-
-```bash
-# Install dependencies
-pnpm install
-
-# Generate type stubs
-pnpm dev:prepare
-
-# Develop with the playground
-pnpm dev
-
-# Run ESLint
-pnpm lint
-
-# Run typechecks 
-pnpm typechecks 
-
-# Run Vitest
-pnpm test
-pnpm test:watch
-```
-
-
-<!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/compodium/latest.svg?style=flat&colorA=020420&colorB=00DC82
-[npm-version-href]: https://npmjs.com/package/compodium
-
-[npm-downloads-src]: https://img.shields.io/npm/dm/compodium.svg?style=flat&colorA=020420&colorB=00DC82
-[npm-downloads-href]: https://npm.chart.dev/compodium
-
-[license-src]: https://img.shields.io/npm/l/compodium.svg?style=flat&colorA=020420&colorB=00DC82
-[license-href]: https://npmjs.com/package/compodium
-
-[nuxt-src]: https://img.shields.io/badge/Nuxt-020420?logo=nuxt.js
-[nuxt-href]: https://nuxt.com
diff --git a/packages/nuxt/README.md b/packages/nuxt/README.md
new file mode 120000
index 00000000..fe840054
--- /dev/null
+++ b/packages/nuxt/README.md
@@ -0,0 +1 @@
+../../README.md
\ No newline at end of file
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f432425e..c8297b9e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,9 +22,6 @@ importers:
       eslint:
         specifier: ^9.21.0
         version: 9.21.0(jiti@2.4.2)
-      nuxt:
-        specifier: ^3.15.4
-        version: 3.15.4(@parcel/watcher@2.5.1)(@types/node@22.13.9)(db0@0.2.4)(eslint@9.21.0(jiti@2.4.2))(ioredis@5.5.0)(lightningcss@1.29.1)(magicast@0.3.5)(optionator@0.9.4)(rollup@4.34.8)(terser@5.39.0)(typescript@5.6.3)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.1)(terser@5.39.0)(yaml@2.7.0))(vue-tsc@2.2.0(typescript@5.6.3))(yaml@2.7.0)
       typescript:
         specifier: 5.6.3
         version: 5.6.3