I have amazing news: CodeSnap v3 is live! 🚀 It's a full refactor, now built with my upcoming Nuxt starter kit, powered by NuxtHub and Nuxt UI Pro . With this switch, I also drastically reduced monthly costs by moving from Supabase to Cloudflare D1.
To celebrate the launch, you can grab the lifetime deal at 50% off using the code UXMT1HGC. Now I can finally focus on wrapping up the starter kit and (hopefully) release it in the coming weeks or months!
👉🏻 The development of Vue + Lynx represents an exciting opportunity for Vue developers to build truly native mobile applications while leveraging their existing web development skills.
👉🏻 In this article, you'll learn about all the things that are involved in the build process of a Vue.js app (or a React.js app), including Vite, esbuild, Rollup, and the up-and-coming tool called Rolldown.
👉🏻 "Nuxt Content Narrator" brings a new dimension to your content by making it accessible through high-quality voice narration with very little effort.
👉🏻 Throughout this tutorial, you'll build an app to put concepts into practice.
💡 Pinia Tip: Subscribing to State Changes
If you use Pinia , you can watch the state and its changes through the $subscribe()$subscribe() method of a store.
The advantage of using $subscribe()$subscribe() over a regular watch()watch() is that subscriptions will trigger only once after patches (e.g. when using the function version from above).
1cartStore.$subscribe((mutation, state) => {2 // import { MutationType } from 'pinia'3 mutation.type // 'direct' | 'patch object' | 'patch function'4 // same as cartStore.$id5 mutation.storeId // 'cart'6 // only available with mutation.type === 'patch object'7 mutation.payload // patch object passed to cartStore.$patch()89 // persist the whole state to the local storage whenever it changes10 localStorage.setItem('cart', JSON.stringify(state))11})
👉🏻 Lazy loading of background images can be done using the IntersectionObserver API, which monitors when offscreen images are about to become visible in the viewport and then loads them.
👉🏻 The Supabase UI Library has pre-built, shadcn/ui-based components and blocks that simplify the connection of front-end interfaces to Supabase backends.
👉🏻 It has features like authentication, realtime updates, and file uploads.
Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I'm on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Worke...
Hey! In yesterday's email I shared what I think is the key feature to making Vue components highly reusable: Scoped slots. But scoped slots are hard to grasp, and even more difficult to master. So today, we're going to make sure we understand them on a deep, intuitive level. Then, I'm going to introduce you to the magic ✨ of scoped slots. The trick is to think of them as functions. Slots are just functions We're going to recreate the functionality of slots, but we'll use a regular Javascript function that only returns HTML. This is the code we'll replicate: <!-- Parent --> < template > < div class = "modal-container" > < div class = "modal" > Content in the Parent < Child class = "mb-4" v-slot = "{ text }" > ...
评论
发表评论