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...
Tuesday, June 27, 2023 Manton Reece writes that we should welcome Facebook's new cage fighting platform, not block it. I'm neutral. I don't know what it is. I seriously doubt it'll be exciting. And I think they should stop calling themselves Meta, that's stupid and dishonest. They're Facebook. They need to own that, because it's their actual name. # I am celebrating the imminent arrival of Facebook's thing, whatever it is, by buying a domain . It's what I do. Some people collect shoes. Other people classic cars or vinyl records. # My friend Doc # Doc is about to lose his Harvard blog, and he's stuck in California with too much to do and is afraid it will slip through is fingers if he has to prioritize his time so as not to be able to save it. I wrote him this email. # A perfect storm. # I had something smaller happen when I was moving out of my house in Berkeley in 2010. # My server was ...
评论
发表评论