Weekly Vue.js News - #45 - Provide fallback content for slots

Hi 👋

I’m still working on rewriting my portfolio with Nuxt 3. I will soon publish a new blog post about creating custom code blocks in Nuxt Content v2.

In this issue, I show you how to provide fallback content in Vue slots and how you can make large JavaScript numbers more readable using numeric separators. Additionally, you’ll find some interesting articles and tools that will help you to become a better Vue developer!

Have a great week ☀️

There are cases when it’s useful to specify fallback (i.e. default) content for a slot, to be rendered only when no content is provided.

A typical use case is a slot inside a <button> where we define a fallback if no text content is provided.