#183: Vue 3.0 status update; Svelte-inspired magic for Vue SFC; Nuxt.js v2.13 is out and more!

We’ve heard that many of you like Svelte and so do we. Some of the quality of life improvements that Svelte offers come from the Svelte compiler. And since we also have a compiler for the single-file components, Evan You figured we could use some Svelte-inspired magic! 🎩 Meet <script setup> – a new way to author Vue components using the composition-api but without the boilerplate. Fully optional.

The RC stage is likely a good moment to look into the Migration Guide to start planning your apps migration.

The Vue-Router v4.0 is now in beta! This brings us yet another step closer to the the official Vue 3.0 release!

The Vue-Devtools v6.0.0-beta.1 release is here and it supports Vue 3.0!

You can get the Chrome extension here.

For firefox, you can download the .xpi file or install the standalone Electron version.

On August 13-14th the organizers of the biggest Vue.js conference in the world will host an online event called Vue.js Global! The Call for Papers is still open!

You can also apply for the Diversity Scholarship!

New episode of Enjoy the Vue podcast with Evan You talking about Vue, Vite and VitePress!

Testing Vue components is usually pretty straightforward until those components start depending on other packages. Like Apollo’s GraphQL. Here’s a new take on testing this stack written by Natalia Tepluhina.

Probably my favorite news this week! Anthony Fu created Vue-Demi. A utility library that allows you to ship 1 version of your Vue library that will support both Vue 2.x and Vue 3.0 at the same time. All you have to do is change your composition-api imports from either “vue” or “@vue/composition-api“ to “vue-demi”. The library will automatically use the available source for those functions based on the environment. Can’t wait to try it out with the new Vuelidate version.

In this beginner-friendly article, Michael Thiessen explains how to reduce code duplication through smart component design that focuses on reusability.

Here’s an article that should help you update your unit tests (based on Jest) to allow for running the test suite against both Vue 3.0 and Vue 2.x! This should help with migrating your app to Vue 3.0!

🎩 Creates Universal Library for Vue 2 & 3

Vue.js component for your visitors and customers to send messages directly to you through social chats or customized form.

A library for encapsulating asynchronous operations and managing concurrency for Vue and Composition API.

This module is a wrapper around Strapi for NuxtJS.