chore: fix build and chromatic (#708)

<!---
☝️ PR title should follow conventional commits
(https://conventionalcommits.org)
-->

### 🔗 Linked issue

<!-- If it resolves an open issue, please link the issue here. For
example "Resolves #123" -->

### ❓ Type of change

<!-- What types of changes does your code introduce? Put an `x` in all
the boxes that apply. -->

- [ ] 📖 Documentation (updates to the documentation or readme)
- [ ] 🐞 Bug fix (a non-breaking change that fixes an issue)
- [ ] 👌 Enhancement (improving an existing functionality)
- [ ] ✨ New feature (a non-breaking change that adds functionality)
- [ ] 🧹 Chore (updates to the build process or auxiliary tools and
libraries)
- [ ] ⚠️ Breaking change (fix or feature that would cause existing
functionality to change)

### 📚 Description

Reverts #690 because it
broke the docs build. Also fixes the chromatic tests.

<!-- Describe your changes in detail -->
<!-- Why is this change required? What problem does it solve? -->

docs/package.json

@@ -13,17 +13,17 @@
   },
   "dependencies": {
     "@iconify-json/heroicons": "1.1.21",
-    "@iconify-json/simple-icons": "1.1.109",
-    "@nuxt/content": "2.13.1",
-    "@nuxt/fonts": "0.7.1",
+    "@iconify-json/simple-icons": "1.1.107",
+    "@nuxt/content": "2.13.0",
+    "@nuxt/fonts": "0.7.0",
     "@nuxt/ui-pro": "1.3.1",
-    "nuxt": "3.12.3",
-    "nuxt-og-image": "3.0.0-rc.59"
+    "nuxt": "3.12.2",
+    "nuxt-og-image": "3.0.0-rc.54"
   },
   "devDependencies": {
     "@nuxt/eslint": "0.3.13",
-    "@nuxthq/studio": "2.0.3",
-    "eslint": "9.6.0",
-    "vue-tsc": "2.0.26"
+    "@nuxthq/studio": "2.0.1",
+    "eslint": "9.5.0",
+    "vue-tsc": "2.0.22"
   }
 }

examples/showcase/components/CustomComponent.vue

@@ -26,8 +26,8 @@ const props = withDefaults(
   {
     primary: false,
     label: '',
-    size: 'medium',
-    backgroundColor: 'transparent',
+    size: undefined,
+    backgroundColor: undefined,
   },
 )
 

examples/showcase/nuxt.config.ts

@@ -2,12 +2,15 @@
 export default defineNuxtConfig({
   devtools: { enabled: true },
   modules: ['@nuxtjs/storybook', '@nuxt/image', '@pinia/nuxt'],
+
   pinia: {
     autoImports: ['defineStore', 'acceptHMRUpdate'],
   },
+
   imports: {
     dirs: ['./stores'],
   },
+
   runtimeConfig: {
     // For testing runtimeConfig in useMyComposable
     app: {
@@ -18,7 +21,10 @@ export default defineNuxtConfig({
       port: 3000,
     },
   },
+
   vue: {
     runtimeCompiler: true,
   },
+
+  compatibilityDate: '2024-07-13',
 })

package.json

@@ -42,18 +42,18 @@
   },
   "packageManager": "pnpm@9.5.0",
   "devDependencies": {
-    "@nuxt/eslint-config": "0.3.13",
-    "@nuxt/test-utils": "3.13.1",
+    "@nuxt/eslint-config": "0.3.6",
+    "@nuxt/test-utils": "3.9.0",
     "@vitest/coverage-v8": "2.0.2",
     "changelogen": "0.5.5",
-    "chromatic": "11.5.5",
-    "eslint": "9.6.0",
+    "chromatic": "11.3.0",
+    "eslint": "9.5.0",
     "jiti": "1.21.6",
-    "jsdom": "24.1.0",
-    "nuxt": "3.12.3",
-    "prettier": "3.3.2",
-    "release-it": "17.5.0",
-    "typescript": "5.5.3",
+    "jsdom": "24.0.0",
+    "nuxt": "3.12.2",
+    "prettier": "3.2.5",
+    "release-it": "17.2.0",
+    "typescript": "5.4.3",
     "vitest": "2.0.2"
   },
   "publishConfig": {

packages/nuxt-module/package.json

@@ -54,8 +54,8 @@
     "ufo": "^1.5.3"
   },
   "devDependencies": {
-    "@nuxt/module-builder": "0.8.1",
-    "vite": "5.3.3",
+    "@nuxt/module-builder": "0.8.0",
+    "vite": "5.2.2",
     "unbuild": "2.0.0"
   }
 }

packages/storybook-addon/package.json

@@ -82,14 +82,14 @@
   "devDependencies": {
     "@storybook/types": "^8.2.1",
     "@types/json-stable-stringify": "1.0.36",
-    "@vitejs/plugin-vue": "5.0.5",
+    "@vitejs/plugin-vue": "5.0.4",
     "@vitejs/plugin-vue-jsx": "4.0.0",
     "changelogen": "0.5.5",
-    "typescript": "5.5.3",
+    "typescript": "5.4.3",
     "unbuild": "2.0.0",
-    "nuxt": "3.12.3",
+    "nuxt": "3.12.2",
     "vue": "3.4.31",
-    "vite": "5.3.3"
+    "vite": "5.2.2"
   },
   "publishConfig": {
     "access": "public"

packages/storybook-addon/src/preview.ts

@@ -42,7 +42,6 @@ setup(async (vueApp, storyContext) => {
   }
 
   // Provide the config of the Nuxt app
-  // @ts-expect-error: internal Nuxt propertyss
   window.__NUXT__ = {
     serverRendered: false,
     config: {

playground/package.json

@@ -12,12 +12,12 @@
     "build-storybook": "storybook build"
   },
   "devDependencies": {
-    "@nuxt/devtools": "1.3.9",
+    "@nuxt/devtools": "1.1.5",
     "@nuxtjs/storybook": "workspace:*",
     "@storybook/addon-essentials": "^8.2.1",
     "@storybook/addon-interactions": "^8.2.1",
     "@storybook/addon-links": "^8.2.1",
-    "nuxt": "3.12.3",
+    "nuxt": "3.12.2",
     "storybook": "^8.2.1",
     "vite-plugin-inspect": "0.8.4"
   }