Weekly Vue.js News - #45 - Provide fallback content for slots
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.
Have a great week ☀️
Vue Tip: Provide fallback content for slots
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.
How To Structure a Massive Vuex Store for a Production App — betterprogramming.pub
👉🏻 Domagoj gives a deep dive into a store with 1,000+ properties
Coding Better Composables — medium.com
👉🏻 Michael Thiessen wrote this amazing tutorial series that will serve as your guide on how to craft solid composables that you and your team can rely on.
Building Vue components in TypeScript using Storybook — www.youtube.com
👉🏻 Rob shows how easy it is to set up and test Vue components in isolation with Storybook
👉🏻 A custom Vue 3 renderer for Three.js
👉🏻 “Think of it like react-three-fiber for Vue.”
Quote of the week
Tools & Misc
TypeScript Error Translator — marketplace.visualstudio.com
👉🏻 An extension for VS Code that translates TypeScript errors into human-readable language, right in your IDE.
Ninja Keys: Add a Command Palette / Keyboard Shortcuts Interface to Your App/Site
👉🏻 If you’ve used Cmd/Ctrl+K on GitHub or the command palette in tools like VS Code, this will feel familiar to you
👉🏻 Works with Vanilla JS, Vue, React or Svelte.