Hi Adam,
Over the past week, most Vue discussions have been circling around the same topic. Vapor Mode and how close it is now is to feature parity with the Composition API.
That’s largely driven by the Vue 3.6 beta release. It includes full Vapor Mode support, with the exception of usage with Suspense, which is why the conversation has picked up again.
It’s one of those updates that’s easy to skim past in release notes, but harder to ignore once people start comparing notes.
Vue 3.6 and Vapor Mode
The interesting part of Vapor Mode isn’t the version number. It’s the rendering approach.
Instead of relying on virtual DOM diffing and syncing, Vue Vapor Mode compiles templates directly to real DOM nodes. Updates are handled through fine-grained reactivity, rather than a reconciliation step.
If you’ve spent time looking at frameworks like Solid, this will sound familiar. The difference is that in Vue, the syntax stays the same. Same Composition API. Same mental model.
If you want to see how this works in practice, we provide an overview of Vapor Mode and compare its performance to Vue’s current virtual DOM rendering in The Ultimate Guide to Vue Performance course.
Nuxt Studio 1.0
Another thing that landed this month is Nuxt Studio 1.0.
Before the Vercel acquisition of Nuxt Labs, Nuxt Studio was offered as a hosted product that required a subscription. It’s now open source and can be self-hosted in production.
At its core, Nuxt Studio is a Git-based CMS. Content lives in Markdown, YAML, or JSON files, and developers manage it in the repository. Other team members work through a web interface that commits changes back to GitHub.
It comes with a fairly complete feature set, including:
- Visual Editor with notion like experience
- Schema-based Forms autogenerated from .md frontmatter
- Media Library for managing public directory images
- Flexible Authentication with GitHub, GitLab, or Google OAuth
- Real-time Preview to see changes on your Nuxt site as you make them
- Draft storage via local storage
- Multi languages with i18n
- and more!
If you’re already using Nuxt Content, this fits naturally into that workflow.
Resources worth reading around the Vue-niverse
Finally, some interesting links I came across this week:
- Vue School article on how to Prefetch a Vue.js Component
- LiveVue 1.0 Release
- Storybook in a Laravel + Inertia (Vue 3) app: building a modal + interaction tests
- Nuxt UI Editor Component (built on tip-tap)
- Why Your Vue App Is Reactive Too Much (and How to Fix It)