I'm now giving early testers access to my Nuxt Starter Kit ! With the code TN8JDLYO, you'll get 30% off — that's a production-ready Nuxt starter kit for around $30.
Just a heads-up: you'll need a Nuxt UI Pro license, since the kit is highly opinionated and tightly integrated with NuxtHub and Nuxt UI Pro. Excited to see some of you supporting my work!
👉🏻 Create fully-managed RAG pipelines to power your Nuxt AI applications with accurate and up-to-date information.
💡 Nuxt Tip: Data Fetching Improvements
Nuxt 3.17 introduced significant improvements to the data composables useAsyncDatauseAsyncData and useFetchuseFetch.
All calls to these composables with the same key now share the underlying refs, ensuring consistency across your application:
1// 1️⃣ ComponentA.vue2const { data: users, pending } = useAsyncData('users', fetchUsers)34// 2️⃣ ComponentB.vue5// This will reference the same data state as ComponentA6const { data: users, status } = useAsyncData('users', fetchUsers)7// When either component refreshes the data, both will update consistently
You can now use computed refs, plain refs, or getter functions as keys:
1const userId = ref('123')2const { data: user } = useAsyncData(3 computed(() => `user-${userId.value}`),4 () => fetchUser(userId.value)5)67// Changing the userId will automatically trigger a new data fetch8// and clean up the old data if no other components are using it9userId.value = '456'
Multiple components watching the same data source will now trigger only a single data fetch when dependencies change:
1// In multiple components:2const { data } = useAsyncData(3 'users', 4 () => $fetch(`/api/users?page=${route.query.page}`),5 { watch: [() => route.query.page] }6)78// When route.query.page changes, only one fetch operation will occur9// All components using this key will update simultaneously
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...
Tuesday, August 20, 2024 My linkblog, which posts to the Links tab on Scripting News, as well as Bluesky , Mastodon and RSS , now also posts to Twitter and Threads . # Today would have been my mother's 92nd birthday. She died in 2018, and I still haven't, deep inside, fully gotten the message that she's gone. Probably the most significant person in my life. I find most of my adult relationships can be traced back to my relationship with her. # Ignore the NY Times # When President Biden took the stage last night at the DNC, I had a moment of buyer's remorse. He looked so good in his black suit, and the pictures of the new candidates, and their spouses, looked comical in comparison to the president who was about to speak. # Why did Walz have a permanent frown on his face. I find his presence next to Harris is almost always awkward. He's taller, and moves a lot. I noticed this with Sanders when he was debating Clinton in 2016. Sh...
Sunday, August 25, 2024 The problem with the state-by-state abortion laws that Trump says he favors: 1. The women in states that ban abortion who will die as a result of the bans, and many more who will be severely injured, and all will have their freedoms severely restricted. 2. He's lying. When Congress passes a national abortion ban he'll sign it and boast about it, of course . # If you're interested in languages and compiler compilers and how to bootstrap a scripting environment, then you'll enjoy the progress I've made in the project to get UserTalk running in today's environments. I welcome comments from experienced or curious language devs. # Walt Mossberg : "Journalists have one core job: to tell the truth, especially when it's clear. The staff of the NY Times has done it in the past, even at great risk. Why don't they do it now?" # My response : "We have no visibility into the inner workings of the NYT. We...
评论
发表评论