#188: Enjoy the Vuelidays! And a happy New Year! 🎉

December 29 · Issue #188 · View online

Hey everyone,

hope you had a great time during the holiday season! 🌲 I know I had! 🥟 🐕

Let’s start with some great news. Guillaume Chau has published a new beta release of the Vue.js Devtools v6. It ships with multiple new features and enhancements.

Just yesterday, Rahul Kadyan has published a new VS Code extension called VueDX to further improve the developer experience when working with Vue, including TypeScript dedicated features. This is a part of a bigger project called Vue Developer Experience (VueDX for short).

Finally, 2020 is coming to an end. I wish you all an awesome 2021! 🥳

Cheers,

— Damian Dulisz

P.S. For those curious of how Bento is doing, here’s a little update! 🐶

📖 Read the issue online

Go to news.vuejs.org.

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

News

Vue.js Devtools v.6.0.0-beta.3 Changelog

headwayapp.co – Share

A holidays gift from Guillaume Chau – the Vue.js Devtools have just hit the v.6.0.0-beta.3 release! Make sure to read the changelog as the new version comes with numerous new features and improvements to existing features like the timeline and event grouping.

Rahul Kadyan

@znck0

💝 refactoring, renaming, and type checking in .vue files. https://t.co/vqhBDhfWkU https://t.co/7EBOH6I5SC https://t.co/pFN5tAxyDp

8:50 PM - 28 Dec 2020

Sébastien Chopin

@Atinux

Just made @uidevtools works with @nuxt_js ✨

Edit your @tailwindcss classes... visually 😎 https://t.co/7J40JEB6wr

2:24 AM - 23 Dec 2020

Enjoy the Vue #45: Using Code as a Tool for Creative Expression with Pine Wu

enjoythevue.io – Share

Check out the new Enjoy the Vue podcast episode with Pine Wu, the author of the popular VS Code extensions called Vetur.

Articles

Where will Vue go in 2021? – Adam Jahr

www.vuemastery.com – Share

The world of Vue: what we’re grateful for in 2020 and excited about for 2021.

Type-safe Vue.js Injections – Abdelrahman Awad

logaretm.com – Share

This is a short article on what you can do with provide/inject TypeScript support in Vue 3 and @vue/composition-api library for Vue 2.

Building Vue.js Applications Without webpack – Markus Oberlehner

markus.oberlehner.net – Share

Are you sometimes fed up with installing hundreds of megabytes of dependencies before you can get started building a Vue application? In this article, we learn how to build Vue applications without webpack or a complicated build toolchain.

How Does Vite Work - A Comparison to Webpack – Harlan Wilton

harlanzw.com – Share

Here’s a pretty interesting article on how Vite is different from webpack to help you better understand the way those two tools work.

Building a Vue Auto Component Importer - A Better Dev Experience – Harlan Wilton

harlanzw.com – Share

Another article by Harlan Wilton, where he dives into webpack loaders to explain how you can build a loader that will allows for automatic component resolution at compile time.

Evan You · The ReadME Project · GitHub

github.com – Share

A while ago GitHub has started publishing community profiles of influential open-source contributors. Here’s the profile of Evan You, the author of Vue that goes into the story of Vue, how it started and how working on it looks like right now.

💚 Sponsors 💙

Vue.js Amsterdam

Storyblok

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

Resources

GitHub - antfu/vitesse

github.com – Share

🏕 Opinionated Vite Starter Template

GitHub - posva/vue-router-mock

github.com – Share

🧪 Easily mock routing interactions in your Vue apps

GitHub - Tahul/vue-use-sound

github.com – Share

🔊🔊 A Vue Hook for playing sound effects. Demo here.

GitHub - AlbertBrand/vue-context-composition

github.com – Share

Vue.js context composition makes sharing your composed state a breeze! It’s the missing useContext hook from React, reimplemented for Vue.js 3.0.

GitHub - vectrejs/vectre

github.com – Share

Most complete implementation of Spectre.css on Vue.js

GitHub - andrewcourtice/harlem

github.com – Share

Simple, unopinionated, lightweight and extensible state management for Vue 3. Take a look at the demo to see it in action or play around with it in CodeSandbox.

GitHub - BerniWittmann/vue-unused-components-checker

github.com – Share

Detect unused Vue Components in your projects

Did you enjoy this issue?