romhml · romhml · Jun 21, 2025 · Jun 20, 2025 · Jun 20, 2025 · Jun 20, 2025
diff --git a/docs/nuxt.config.ts b/docs/nuxt.config.ts
@@ -30,12 +30,6 @@ export default defineNuxtConfig({
     }
   },
 
-  future: {
-    compatibilityVersion: 4
-  },
-
-  compatibilityDate: '2024-07-11',
-
   nitro: {
     prerender: {
       routes: [

diff --git a/docs/package.json b/docs/package.json
@@ -18,6 +18,7 @@
     "@nuxt/image": "^1.10.0",
     "@nuxt/ui-pro": "3.1.3",
     "@nuxthub/core": "0.9.0",
+    "better-sqlite3": "^11.10.0",
     "nuxt": "catalog:",
     "nuxt-llms": "0.1.3",
     "nuxt-og-image": "^5.1.7"

diff --git a/packages/core/src/runtime/root.vue b/packages/core/src/runtime/root.vue
@@ -99,11 +99,9 @@ const [DefineTemplate, ReuseTemplate] = createReusableTemplate()
           >
             <component
               :is="component"
-              v-bind="{
-                ...props,
-                [combo[0]?.value]: combo1,
-                [combo[1]?.value]: combo2
-              }"
+              :[combo[0]?.value]="combo1"
+              :[combo[1]?.value]="combo2"
+              v-bind="props"
               v-on="eventHandlers"
             />
           </div>

diff --git a/packages/devtools/nuxt.config.ts b/packages/devtools/nuxt.config.ts
@@ -19,12 +19,6 @@ export default defineNuxtConfig({
 
   css: ['~/assets/css/main.css'],
 
-  future: {
-    compatibilityVersion: 4
-  },
-
-  compatibilityDate: '2024-04-03',
-
   nitro: {
     output: {
       publicDir: resolve(__dirname, '../core/dist/client/devtools')

diff --git a/packages/devtools/package.json b/packages/devtools/package.json
@@ -28,6 +28,7 @@
   "devDependencies": {
     "@compodium/core": "workspace:^",
     "@compodium/meta": "workspace:^",
+    "@iconify-json/lineicons": "^1.2.4",
     "@iconify-json/lucide": "^1.2.51",
     "@iconify/types": "^2.0.0",
     "@types/deep-eql": "^4.0.2"

diff --git a/packages/devtools/vitest.config.mts b/packages/devtools/vitest.config.mts
@@ -1,11 +1,8 @@
-import { defineVitestConfig } from '@nuxt/test-utils/config'
-import { defaultExclude } from 'vitest/config'
+import { defineConfig } from 'vitest/config'
 
-export default defineVitestConfig({
+export default defineConfig({
   test: {
     globals: true,
-    silent: true,
-    exclude: [...defaultExclude, './test/vue/**.spec.ts'],
-    environment: 'nuxt'
+    silent: true
   }
 })
diff --git a/packages/examples/src/assets/ui/index.css b/packages/examples/src/assets/ui/index.css
@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root, :host {
   --spacing: 0.25rem;

diff --git a/packages/nuxt/package.json b/packages/nuxt/package.json
@@ -30,10 +30,12 @@
     "release": "pnpm run lint && pnpm run test && pnpm run prepack && changelogen --release && pnpm publish && git push --follow-tags",
     "typecheck": "vue-tsc --noEmit"
   },
+  "peerDependencies": {
+    "@nuxt/kit": ">=3.15"
+  },
   "dependencies": {
     "@compodium/core": "workspace:^",
     "@nuxt/devtools-kit": "^2.5.0",
-    "@nuxt/kit": "catalog:",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
     "ufo": "^1.6.1"

diff --git a/packages/nuxt/test/basic.test.ts → packages/nuxt/test/basic.nuxt.test.ts b/packages/nuxt/test/basic.test.ts → packages/nuxt/test/basic.nuxt.test.ts
@@ -101,7 +101,7 @@ describe('basic', async () => {
     it('works for basic component', async () => {
       const component = await $fetch(`/__compodium__/api/meta`, {
         query: {
-          component: joinURL(rootDir, '/components/BasicComponent.vue')
+          component: joinURL(rootDir, '/app/components/BasicComponent.vue')
         }
       })
 
@@ -131,7 +131,7 @@ describe('basic', async () => {
     it('works', async () => {
       const component = await $fetch<CompodiumMeta>('/__compodium__/api/meta', {
         query: {
-          component: joinURL(rootDir, '/components/ExtendMeta.vue')
+          component: joinURL(rootDir, '/app/components/ExtendMeta.vue')
         }
       })
       expect(component.compodium).toMatchObject({
@@ -150,7 +150,7 @@ describe('basic', async () => {
     it('filters variables', async () => {
       const component = await $fetch<CompodiumMeta>('/__compodium__/api/meta', {
         query: {
-          component: joinURL(rootDir, '/components/ExtendMetaWithVars.vue')
+          component: joinURL(rootDir, '/app/components/ExtendMetaWithVars.vue')
         }
       })
       expect(component.compodium).toEqual({ defaultProps: {} })
@@ -159,7 +159,7 @@ describe('basic', async () => {
     it('ignores if invalid param', async () => {
       const component = await $fetch<CompodiumMeta>('/__compodium__/api/meta', {
         query: {
-          component: joinURL(rootDir, '/components/ExtendMetaBad.vue')
+          component: joinURL(rootDir, '/app/components/ExtendMetaBad.vue')
         }
       })
       expect(component.compodium).toBeUndefined()
@@ -172,7 +172,7 @@ describe('basic', async () => {
     beforeEach(async () => {
       const component = await $fetch<CompodiumMeta>('/__compodium__/api/meta', {
         query: {
-          component: joinURL(rootDir, '/components/ComplexComponent.vue')
+          component: joinURL(rootDir, '/app/components/ComplexComponent.vue')
         }
       })
       props = component.props

diff --git a/...es/nuxt/test/custom-compodium-dir.test.ts → ...xt/test/custom-compodium-dir.nuxt.test.ts b/...es/nuxt/test/custom-compodium-dir.test.ts → ...xt/test/custom-compodium-dir.nuxt.test.ts
diff --git a/...s/nuxt/test/custom-component-dirs.test.ts → ...t/test/custom-component-dirs.nuxt.test.ts b/...s/nuxt/test/custom-component-dirs.test.ts → ...t/test/custom-component-dirs.nuxt.test.ts
diff --git a/packages/nuxt/test/fixtures/basic/app.vue → ...ages/nuxt/test/fixtures/basic/app/app.vue b/packages/nuxt/test/fixtures/basic/app.vue → ...ages/nuxt/test/fixtures/basic/app/app.vue
diff --git a/...tures/basic/components/BasicComponent.vue → ...s/basic/app/components/BasicComponent.vue b/...tures/basic/components/BasicComponent.vue → ...s/basic/app/components/BasicComponent.vue
diff --git a/...res/basic/components/ComplexComponent.vue → ...basic/app/components/ComplexComponent.vue b/...res/basic/components/ComplexComponent.vue → ...basic/app/components/ComplexComponent.vue
diff --git a/...es/basic/components/ExcludedComponent.vue → ...asic/app/components/ExcludedComponent.vue b/...es/basic/components/ExcludedComponent.vue → ...asic/app/components/ExcludedComponent.vue
diff --git a/.../fixtures/basic/components/ExtendMeta.vue → ...tures/basic/app/components/ExtendMeta.vue b/.../fixtures/basic/components/ExtendMeta.vue → ...tures/basic/app/components/ExtendMeta.vue
diff --git a/...xtures/basic/components/ExtendMetaBad.vue → ...es/basic/app/components/ExtendMetaBad.vue b/...xtures/basic/components/ExtendMetaBad.vue → ...es/basic/app/components/ExtendMetaBad.vue
diff --git a/...s/basic/components/ExtendMetaWithVars.vue → ...sic/app/components/ExtendMetaWithVars.vue b/...s/basic/components/ExtendMetaWithVars.vue → ...sic/app/components/ExtendMetaWithVars.vue
diff --git a/...es/nuxt/test/fixtures/basic/ui/Button.vue → ...uxt/test/fixtures/basic/app/ui/Button.vue b/...es/nuxt/test/fixtures/basic/ui/Button.vue → ...uxt/test/fixtures/basic/app/ui/Button.vue
diff --git a/...est/fixtures/custom-compodium-dir/app.vue → ...fixtures/custom-compodium-dir/app/app.vue b/...est/fixtures/custom-compodium-dir/app.vue → ...fixtures/custom-compodium-dir/app/app.vue
diff --git a/...mpodium-dir/components/BasicComponent.vue → ...ium-dir/app/components/BasicComponent.vue b/...mpodium-dir/components/BasicComponent.vue → ...ium-dir/app/components/BasicComponent.vue
diff --git a/...st/fixtures/custom-component-dirs/app.vue → ...ixtures/custom-component-dirs/app/app.vue b/...st/fixtures/custom-component-dirs/app.vue → ...ixtures/custom-component-dirs/app/app.vue
diff --git a/...ponent-dirs/components/BasicComponent.vue → ...nt-dirs/app/components/BasicComponent.vue b/...ponent-dirs/components/BasicComponent.vue → ...nt-dirs/app/components/BasicComponent.vue
diff --git a/...es/custom-component-dirs/my-ui/Button.vue → ...ustom-component-dirs/app/my-ui/Button.vue b/...es/custom-component-dirs/my-ui/Button.vue → ...ustom-component-dirs/app/my-ui/Button.vue
diff --git a/packages/nuxt/test/prod.test.ts → packages/nuxt/test/prod.nuxt.test.ts b/packages/nuxt/test/prod.test.ts → packages/nuxt/test/prod.nuxt.test.ts
diff --git a/packages/nuxt/vitest.config.ts b/packages/nuxt/vitest.config.ts
@@ -1,12 +1,9 @@
 import { defineVitestConfig } from '@nuxt/test-utils/config'
-import { defaultExclude } from 'vitest/config'
 
 export default defineVitestConfig({
   test: {
     globals: true,
     silent: true,
-    exclude: [...defaultExclude, './test/vue/**.spec.ts'],
-    environment: 'nuxt',
     env: {
       COMPODIUM_DEVTOOLS_URL: 'http://localhost:4242'
     }

diff --git a/playgrounds/nuxt/app.config.ts → playgrounds/nuxt/app/app.config.ts b/playgrounds/nuxt/app.config.ts → playgrounds/nuxt/app/app.config.ts
diff --git a/playgrounds/nuxt/app.vue → playgrounds/nuxt/app/app.vue b/playgrounds/nuxt/app.vue → playgrounds/nuxt/app/app.vue
diff --git a/playgrounds/nuxt/assets/css/main.css → playgrounds/nuxt/app/assets/css/main.css b/playgrounds/nuxt/assets/css/main.css → playgrounds/nuxt/app/assets/css/main.css
diff --git a/...unds/nuxt/components/CompodiumWelcome.vue → .../nuxt/app/components/CompodiumWelcome.vue b/...unds/nuxt/components/CompodiumWelcome.vue → .../nuxt/app/components/CompodiumWelcome.vue
diff --git a/...rounds/nuxt/components/SupportedProps.vue → ...ds/nuxt/app/components/SupportedProps.vue b/...rounds/nuxt/components/SupportedProps.vue → ...ds/nuxt/app/components/SupportedProps.vue
diff --git a/playgrounds/nuxt/nuxt.config.ts b/playgrounds/nuxt/nuxt.config.ts
@@ -1,8 +1,7 @@
 export default defineNuxtConfig({
-  modules: ['@nuxt/ui', '../../packages/nuxt/src/module'],
+  modules: ['@nuxt/ui', '@compodium/nuxt'],
   devtools: { enabled: true },
   css: ['~/assets/css/main.css'],
-  compatibilityDate: '2025-02-12',
 
   typescript: {
     tsConfig: {

diff --git a/playgrounds/nuxt/tsconfig.json b/playgrounds/nuxt/tsconfig.json
@@ -1,3 +1,3 @@
 {
-  "extends": "./.nuxt/tsconfig.json",
+  "extends": "./.nuxt/tsconfig.json"
 }
diff --git a/playgrounds/vue/src/main.ts b/playgrounds/vue/src/main.ts
@@ -4,8 +4,16 @@ import ui from '@nuxt/ui/vue-plugin'
 import App from './App.vue'
 import './assets/main.css'
 
+import { createRouter, createWebHashHistory } from 'vue-router'
+
 const app = createApp(App)
 
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: []
+})
+
+app.use(router)
 app.use(ui)
 
 app.mount('#app')