185Saturday, August 22, 2020Vue-CLI v4.5.0 ships with built-in Vue 3.0 support; Nuxt v2.14 released; VueConf Toronto announced!
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 🚀” – 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,
Stories
Sponsor @sodatea on GitHub Sponsors · GitHub
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!
Release v1.5.0 · nuxt/content · GitHub
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
Zero config PWA solution for Nuxt.js now with Workbox 5.x support.
VueConf Toronto | 4-6 November 2020 - Online Conference
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.
Tight Coupling vs. Loose Coupling in Vue.js
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
Learn how to leverage the composition API to build better higher order components in Vue 3
How to Emit Data from a Slot
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
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
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
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
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 (co-founder of Vue Storefront) shares how you can improve a Vue app's performance by mastering browser cache.
Libraries
VeeValidate v4 Alpha Docs
Docs for the new version of VeeValidate
GitHub - paroi-tech/direct-vuex
Use and implement your Vuex store with TypeScript types. Compatible with the Vue 3 composition API.
GitHub - jfet97/vue-use-infinite-scroll
A Vue composition function that makes infinite scroll a breeze.
GitHub - ImpactBox/vite-plugin-auto-routes
Vite plugin to generate routes from a pages directory