<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Nuxt Instance Unavailable - Async Code in Vue and Nuxt with the Composition API (+ raffle 🎁)</title>
        <link>https://tube.grossholtz.net/videos/watch/d0f983df-4c9c-4622-8650-9fdc9e944834</link>
        <description>🤸‍♂️ Especially when working a lot with composables and Nuxt, some of you might've seen the "Nuxt instance unavailable" error somewhere along the road. And while there is commonly a link to the docs, there is more behind it! Learn in this video what the error message means, how to fix it with four different ways and which one is the best to use! Also don't forget to comment with what you built in Vue/Nuxt + why you want to go to VueConf US to have a chance to win one free conference ticket for https://vueconf.us/ Key points: 😰 Why does the nuxt instance unavailable error message appear ✨ Four solutions to solve the issue 👀 More info about the experimental async context option Links: 🔗 Nuxt Docs for the error https://nuxt.com/docs/guide/concepts/auto-imports#vue-and-nuxt-composables 🔗 Anthony's blog post about async code with the composition API https://antfu.me/posts/async-with-composition-api 🔗 SFC playground (open JS panel) for compile time magic https://play.vuejs.org/#eNp9kcFqwzAQRH9F6NRCcA7tKZhA2gqaUGxT+6iLsTeOUlsS0soxBP97JZu4PYTcNPNml1l0pTuto94B3dDYVkZoJBbQ6S2X5aUUSI6A1enpmct4PXNPvEDodFsieEVIXIt+m2YsIcUnI4ecZLuEfZF01vn+g5EiJTlj8Tokw65lnq4o2krJo2iis1XSF7mGnZxWqtOiBZNqFEpaTjdkIoGVbasuh8lD42B186sTVD93/LMdgsdpZsCC6YHThWFpGsAZszyBwb8X2KnatT79AH6DVa0LHefYm5O1r/0vN7Xdd1oZFLIpLBsQpL0dFYqG5DjlOfW/8f7g9L+6L9HrNMflSMdfRRiUSw== 🔗 runWithContext https://nuxt.com/docs/api/composables/use-nuxt-app#runwithcontext 🔗 asyncContext PR https://github.com/nuxt/nuxt/pull/23526 🔗 unctx package https://github.com/unjs/unctx/ 🔗 Async Context Proposal https://github.com/tc39/proposal-async-context 📺 Inline Composables https://www.youtube.com/watch?v=iKaDFAxzJyw 📺 Testing with Nuxt https://www.youtube.com/watch?v=yGzwk9xi9gU 📺 DejaVue #004 about Teleports https://www.youtube.com/watch?v=Rg52IUWABxA Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up! 🌐 Connect further: Website: https://www.lichter.io Twitter/X: https://twitter.com/TheAlexLichter Twitch: https://www.twitch.tv/TheAlexLichter Chapters: 00:00 Intro 00:23 Raffle 01:09 Agenda and setup 01:40 Demo app 02:30 Breaking the app 03:40 Why does the error happen? 04:25 How Vue handles async composables / setup 07:40 Fixing the error in various ways 08:26 Solution 1: Async operation last (as Anthony said) 08:47 Solution 2: Return the response from useAsyncData 10:20 Solution 3: Use runWithContext / callWithNuxt 11:57 Solution 4: asyncContext (experimental) 16:41 Summary</description>
        <lastBuildDate>Mon, 06 Apr 2026 05:09:07 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://tube.grossholtz.net</generator>
        <image>
            <title>Nuxt Instance Unavailable - Async Code in Vue and Nuxt with the Composition API (+ raffle 🎁)</title>
            <url>https://tube.grossholtz.net/client/assets/images/icons/icon-512x512.png</url>
            <link>https://tube.grossholtz.net/videos/watch/d0f983df-4c9c-4622-8650-9fdc9e944834</link>
        </image>
        <copyright>All rights reserved, unless otherwise specified in the terms specified at https://tube.grossholtz.net/about and potential licenses granted by each content's rightholder.</copyright>
        <atom:link href="https://tube.grossholtz.net/feeds/video-comments.xml?videoId=d0f983df-4c9c-4622-8650-9fdc9e944834" rel="self" type="application/rss+xml"/>
    </channel>
</rss>