#185: Vue-CLI v4.5.0 ships with built-in Vue 3.0 support; Nuxt v2.14 released; VueConf Toronto announced!

August 22 · Issue #185 · View online

Hello Vuers,

with the newly released Vue-CLI v4.5.x, the CLI supports Vue 3.0 projects out of the box, without the need for the vue-cli-plugin-vue-next plugin. The author of the release – Haoqun Jiang – has started his GitHub Sponsors page. If you depend on Vue-CLI and other tooling that he’s building, consider sponsoring him!

Nuxt.js v2.14 has been released! It comes with multiple improvements to the static sites generation process. You can read about it more in this in-depth article. Thanks to smart usage of cache among other things „The static site generation of our projects on content changes are now ~3.6x times faster 🚀” – as the authors say.

🍁 Also, the VueConf Toronto conference is back and you are all invited!

It’s an online conference and completely FREE! Register here and mark your calendars on November 4-6, 2020!

The call for papers is also open till September 30, 2020.

Enjoy,

— Damian Dulisz

📖 Read the issue online

Go to news.vuejs.org.

Submit new stories at news.vuejs.org/submit.

News

soda

@haoqunjiang

yarn global add @vue/cli@next
vue create hello-vue-3 https://t.co/gSJWFrpdpG

2:01 PM - 24 Jul 2020

Sponsor @sodatea on GitHub Sponsors · GitHub

github.com – Share

Haoqun Jiang is a member of the Vue.js core team and is working full-time for the Vue.js organization focusing on build tools, such as Vue CLI, Vue Loader for webpack and the Vue JSX plugin. You can now sponsor his work on GitHub!

Nuxt.js

@nuxt_js

Nuxt 2.14 is out with a BIG improvement for static site generation 🚀

From now on, `nuxt generate` smartly knows when to re-build your project.

And it's working out of the box on @Netlify, @vercel and any CI supporting node_modules caching ✨

https://t.co/EhelirXjMq

(1/3)

7:54 PM - 27 Jul 2020

Release v1.5.0 · nuxt/content · GitHub

github.com – Share

Write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS - nuxt/content

Release v3.0.0 · nuxt-community/pwa-module · GitHub

github.com – Share

Zero config PWA solution for Nuxt.js now with Workbox 5.x support.

VueConf Toronto | 4-6 November 2020 - Online Conference

vuetoronto.com – Share

VueConf Toronto is back this year as an online-only event. It’s also completely FREE!

The CFP is still open, so you can submit your talks here.

Articles

Tight Coupling vs. Loose Coupling in Vue.js - Markus Oberlehner

markus.oberlehner.net – Share

When talking about loose coupling and tight coupling, often, the impression arises that tight coupling is something we always have to avoid. But this is almost impossible. What’s essential is that we use loose coupling when bridging the gap between layers of our application. Learn how to differentiate between situations where you should loose coupling or tight coupling in your Vue.js applications.

Build better higher-order components with Vue 3 - Abdelrahman Awad

blog.logrocket.com – Share

Learn how to leverage the composition API to build better higher order components in Vue 3

How to Emit Data from a Slot - Michael Thiessen

michaelnthiessen.com – Share

You know how to pass data into a slot by using scoped slots, but how do you communicate back?

Handling Asynchrony in Vue 3 / Composition API — Part 1: Managing Async state – Martin Malinda

medium.com – Share

Composition API makes a lot of things easier but it also brings some challenges as some things need to be rethought regarding how they fit into this new concept and it might take some time before the best practices are established. I’ll try to shed some light on possible options.

Creating UI components based on a Design System in Vue.js – Alex Jover Morales

vuedose.tips – Share

Don’t you know the benefits of using a Design System? Not sure how to structure your Vue.js components in an app? Read the article and find it out.

Writing a vite plugin – Andrew Walker

engineering.impactbox.co.uk – Share

With Vue 3 recently reaching release candidate stage, it’s a great time to dive in and give it a try. To get started right now you’ll need to use vite, the new web dev build tool from the creators of Vue. Vite offers a new plugin system for extending vite’s capabilities. Today we’ll take a look at setting up a simple vite plugin.

Code Coverage for Vue Applications - Gleb Bahmutov

vuejsdevelopers.com – Share

Learn how to instrument an application’s source code and collect code coverage information to guide end-to-end test writing.

Mastering Browser Cache - Filip Rakowski

vueschool.io – Share

Filip Rakowski (co-founder of Vue Storefront) shares how you can improve a Vue app’s performance by mastering browser cache.

💚 Sponsors 💙

Storyblok

If you enjoy this newsletter, please consider supporting it. Thank you! 💚

Resources

VeeValidate v4 Alpha Docs

vee-validate.logaretm.com – Share

Docs for the new version of VeeValidate

GitHub - paroi-tech/direct-vuex

github.com – Share

Use and implement your Vuex store with TypeScript types. Compatible with the Vue 3 composition API.

GitHub - jfet97/vue-use-infinite-scroll

github.com – Share

A Vue composition function that makes infinite scroll a breeze.

GitHub - ImpactBox/vite-plugin-auto-routes

github.com – Share

Vite plugin to generate routes from a pages directory

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

#185: Vue-CLI v4.5.0 ships with built-in Vue 3.0 support; Nuxt v2.14 released; VueConf Toronto announced!

Older messages

#184: Vue.js 3.0 Release Candidate is here! 3.0 Docs in beta; Vue-Devtools beta for Vue 3.0 available and more!

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

#182: Quasar.Conf coming online on July 5th; The process of rewriting Vue.js;

#181: 📓 Big News from Nuxt.js – Introducing the Content and Components modules 🎉

#180: 🏎 Say hi to Vite! A brand new, extremely fast development setup for Vue. So fast it feels instant!

You Might Also Like

Quick question

Kotlin Weekly #404 (NOT FOUND)

📲 Why Is It Called Bluetooth? — Check Out This AI Text to Song Generator

Daily Coding Problem: Problem #1425 [Easy]

PD#571 Software Design Principles I Learned the Hard Way

When Procrastination is Productive & Ghost integrating with ActivityPub

C#503 Building pipelines with System.Threading.Channels

RD#453 Get your codebase ready for React 19

☁️ Azure Weekly #464 - 28th April 2024

Tesla profits tumble, Fisker flatlines, and California cities battle for control of AVs