feat(nuxt)!: upgrade nuxt 4

[alexjoverm]

Note

Nuxt 4 migration and ESM updates

• Bumps @storyblok/nuxt to 9.0.0, switches to ESM-only (exports types to types.d.mts, main/import to module.mjs), and updates peer/dev dependencies to Nuxt ^4.2.2.
• Cleans up playgrounds: removes playground-e2e, migrates to app/ structure, updates nuxt.config.ts (new compatibilityDate), adjusts scripts/ports, and minor page fixes (error guards, #components import, bridge options usage).

Composable improvements (src/runtime/composables/useAsyncStoryblok.ts)

• Adds default bridge config and mirrors api.resolve_relations/resolve_links to bridge (resolveRelations/resolveLinks).
• Adapts types for Nuxt 3/4 (data and error can be null/undefined) and updates dedupe union.
• Uses watch-based bridge registration and shallowRef-safe state replacement for live updates.

Misc

• Updates ESLint ignore paths.

^{Written by Cursor Bugbot for commit 5296c67. This will update automatically on new commits. Configure here.}

[cursor]

This PR is being reviewed by Cursor Bugbot

Details

Your team is on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle for each member of your team.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

[maoberlehner]

LGTM. As we've discussed, you might consider making it backward compatible but I think a new major is okay too in this case.

[cursor]

Incomplete optional chaining throws on undefined story

Medium Severity

The expression story?.content.title will throw a TypeError when story is undefined (e.g., on API error). The optional chaining ?. only protects the access to content, but if story is undefined, story?.content evaluates to undefined, and then accessing .title on undefined throws. Unlike other pages in the playground that use v-if="story" guards, this template directly renders the expression without protection. The pattern needs an additional ?. before title to be null-safe.

 

[pkg-pr-new]

Open in StackBlitz

@storyblok/astro

npm i https://pkg.pr.new/@storyblok/astro@407

storyblok

npm i https://pkg.pr.new/storyblok@407

@storyblok/eslint-config

npm i https://pkg.pr.new/@storyblok/eslint-config@407

@storyblok/js

npm i https://pkg.pr.new/@storyblok/js@407

storyblok-js-client

npm i https://pkg.pr.new/storyblok-js-client@407

@storyblok/management-api-client

npm i https://pkg.pr.new/@storyblok/management-api-client@407

@storyblok/nuxt

npm i https://pkg.pr.new/@storyblok/nuxt@407

@storyblok/react

npm i https://pkg.pr.new/@storyblok/react@407

@storyblok/region-helper

npm i https://pkg.pr.new/@storyblok/region-helper@407

@storyblok/richtext

npm i https://pkg.pr.new/@storyblok/richtext@407

@storyblok/svelte

npm i https://pkg.pr.new/@storyblok/svelte@407

@storyblok/vue

npm i https://pkg.pr.new/@storyblok/vue@407

commit: 5296c67