View profile

#193: Vue.js 3.1.0-beta Migration Build now available! Vue Devtools new beta supports Vue 2.x and more!

Revue
 
 
May 10 · Issue #193 · View online
Vue.js News
Hi everyone,
Great news! Vue v3.1.0-beta has been released with a set of new features and bug fixes, including the onServerPrefetch lifecycle hook!
But that’s not all, because v3.1 comes with the thing we all have been looking forward to for months. The Vue 2 to 3 Migration Build! It allows you to run Vue 3 and the SFC compiler in a backward-compatible mode so you can work through the deprecations/breaking-changes 1 by 1, instead of having to rewrite the whole app at once.
If you are wondering how viable it is in a real-life, production application – I’ve tried it on a pretty large one (1k+ components) and managed to make it run and be partially functional within less than 2 hours. I’m convinced that I should be able to fully stabilize it within a few days. Wish me luck! 🤞
Also, the new beta for Vue-Devtools v6 now supports Vue 2.x. No need to toggle different extension versions when switching projects.
By the way, did you know that Vue was used in the mission during the Mars 2020 Helicopter mission? Well, now you do! And if you contributed, you should have a fancy badge on GitHub.
Lastly, my favorite WYSIWYG editor – tiptap – is now supporting Vue 3 with their new v2.0 beta release. Now rewritten in TypeScript.
Have a great week,

📖 Read the issue online
Submit new stories at news.vuejs.org/submit.
News
Vue.js
3.1.0-beta (which includes the migration build) is out.

Changelog: https://t.co/nOq5aO1r6u

Migration build docs: https://t.co/MWcwVULIJn
Guillaume Chau 🏠 Stay home
✨️ @vuejs devtools 6 beta 8 released! ✨️

Highlights:
- Vue 2 support!
- Plugin permissions
- New API methods
- Component persistent selection

Download for Firefox:
https://t.co/L2285wQKui

Download for Chrome:
https://t.co/fBtK401X2D

Read more:
https://t.co/ztdgsBF4QL
tiptap – the headless WYSIWYG editor now supports Vue 3.0
Enjoy the Vue #58: What’s New in Vue 3 Ecosystem: Introducing Vite 2 with Evan You
Vue - The Road To Enterprise
Vue - The Road To Enterprise
Vue - The Road To Enterprise
Articles
3 Years of VueJS (2021) – Anthony Sarkis
The Quasar Show - Episode 2 & 3
This Dot Labs: Build Advanced Components in Vue 3 using $attrs – Simone Cuomo
Extending Vue Router Links in Vue 3 - Daniel Kelly
Vue 3 Composition API: ref() vs. reactive() - Markus Oberlehner
Problems With Server-Side Plugins in Nuxt.js – Josh Deltener
Refactoring Vuex with Map Helpers and Modules – Andy Li
Show / hide password input values with Vue.js 3 and the Composition API – Ivan Sieder
💚 Sponsors 💙
Vue.js Amsterdam
Vue.js Amsterdam
Vue – The Road To Enterprise
Vue – The Road To Enterprise
Storyblok
Storyblok
Resources
FormVueLate v3.x
GitHub - privatenumber/vue-grep
GitHub - privatenumber/vue-frag
GitHub - FranckFreiburger/vue3-sfc-loader
QCalendar
Did you enjoy this issue?
If you don't want these updates anymore, please unsubscribe here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Powered by Revue