//Sets data to store in useAsyncData\r\n {{ store.data }} //Initial value instead of data there\r\n \u003Cmy-component-that-rely-on-store/> //Reactivity is lost for this guy\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nThe reason behind this as I understand looks like this:\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot/> //Inits useAsyncData, leaves to separate flow after first await\r\n {{ store.data }} //Would be valid, if would not initiated on async\r\n \u003Cmy-component-that-rely-on-store/> //useAsyncData has been called, but not completed\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n## Solution\r\n\r\n### New (probably SSR-only) hook\r\n\r\nInproduce new hook, that will fire after all asyncDatas will be completed and most of components rendered\r\n\r\n### New component\r\n\r\nThe name could be like `\u003Cnuxt-server-rendered>`, `\u003Cnuxt-server-init>`, e.t.c.\r\n\r\nComponent will rely on this new hook and could use `onServerPrefetch` under-the-hood. Then it could be used like this:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot/> //Inits useAsyncData, leaves to separate flow after first await\r\n \u003Cnuxt-server-rendered>\r\n {{ store.data }} //Valid data\r\n \u003Cmy-component-that-rely-on-store/> //Valid data\r\n \u003C/nuxt-async-resolve>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nIt will also resolve reactivity problems with parent components, and not only async problems, the problem that was described in issues/discussion above.\r\n\r\n## Pure implementation\r\n\r\nI've tried to implement this by myself using this:\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cslot/>\r\n\u003C/template>\r\n\r\n\u003Cscript lang=\"ts\" setup>\r\nonServerPrefetch(async () => {\r\n await Promise.allSettled(Object.values(toValue(app._asyncDataPromises)));\r\n});\r\n\u003C/script>\r\n```\r\n\r\nThis solution is not good actually, but it goes as workaround with limitations:\r\n- I have no guarantee that _asyncDataPromises are complete on this stage\r\n- I can only use this component after page's \u003Cslot>, therefore I currently can't use it with components above page, e.g. header\r\n- It does not rely on render or anything like that (if that's even possible at all in current SSR implementation)\r\n\r\nI could try to implement this myself, if this looks valid, but I'm not sure I can do that with my limited knowlenge of Nuxt's internals. \n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[1984],{"name":1985,"color":1986},"pending triage","E99695",25316,"nuxt","open","Allow to await for useAsyncData in template","2024-06-30T11:06:12Z","https://github.com/nuxt/nuxt/issues/25316",0.65296125,{"labels":1995,"number":2000,"owner":1988,"repository":1988,"state":2001,"title":2002,"updated_at":2003,"url":2004,"score":2005},[1996,1997],{"name":1985,"color":1986},{"name":1998,"color":1999},"2.x","d4c5f9",6981,"closed","asyncData not working/not called in page component","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6981",0.6258949,{"labels":2007,"number":2010,"owner":1988,"repository":1988,"state":2001,"title":2011,"updated_at":2012,"url":2013,"score":2014},[2008,2009],{"name":1985,"color":1986},{"name":1998,"color":1999},8393,"Update meta title with Asyncdata not work on generated","2023-01-22T15:38:24Z","https://github.com/nuxt/nuxt/issues/8393",0.6505123,{"labels":2016,"number":2019,"owner":1988,"repository":1988,"state":2001,"title":2020,"updated_at":2021,"url":2022,"score":2023},[2017,2018],{"name":1985,"color":1986},{"name":1998,"color":1999},10361,"Dynamic loaded Async component event listener not work on SSR first rendered","2024-06-30T09:25:18Z","https://github.com/nuxt/nuxt/issues/10361",0.662392,{"description":2025,"labels":2026,"number":2029,"owner":1988,"repository":1988,"state":2001,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### Version\n\n[v2.5.1](https://github.com/nuxt.js/releases/tag/v2.5.1)\n\n### Reproduction link\n\n[https://codesandbox.io/s/13v2po80j4](https://codesandbox.io/s/13v2po80j4)\n\n### Steps to reproduce\n\nUpdate browser and please check the terminal\n\n### What is expected ?\n\nIs output as 'asyncData' and 'fetch' on terminal\n\n### What is actually happening?\n\nNot output\n\n### Additional comments?\n\nI refferd to [Official TypeScript support](https://nuxtjs.org/examples/typescript)\nSorry for the poor English\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8892\">#c8892\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2027,2028],{"name":1985,"color":1986},{"name":1998,"color":1999},5330,"asyncData and fetch is not working on TypeScript","2023-01-22T15:33:04Z","https://github.com/nuxt/nuxt/issues/5330",0.6634346,{"labels":2035,"number":2038,"owner":1988,"repository":1988,"state":2001,"title":2039,"updated_at":2040,"url":2041,"score":2042},[2036,2037],{"name":1985,"color":1986},{"name":1998,"color":1999},6004,"asyncData not updating correctly using watchQuery (HMR, dev mode)","2024-06-30T09:26:18Z","https://github.com/nuxt/nuxt/issues/6004",0.66484404,{"description":2044,"labels":2045,"number":2051,"owner":1988,"repository":1988,"state":2001,"title":2052,"updated_at":2053,"url":2054,"score":2055},"### Version\n\n[v1.4.1](https://github.com/nuxt.js/releases/tag/v1.4.1)\n\n### Reproduction link\n\n[https://github.com/bmxguy100/appjackstudio.com](https://github.com/bmxguy100/appjackstudio.com)\n\n### Steps to reproduce\n\n0. Install dependency (yarn)\n1. Run yarn dev (or mom run Dev)\n2. Go to localhost:3000/blog and click on a blog post\n\n\n\n\n### What is expected ?\n\nThe asyncData method should be called and the blog post should be shown\n\n\n\n\n### What is actually happening?\n\nA 404 error happens, but the asyncData triggers and you can see the blog post after a page refresh\n\n\n\n\n### Additional comments?\n\nI get the same result serving from nuxt build/start and nuxt generate\n\n\u003C!--cmty-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7352\">#c7352\u003C/a>)\u003C/em>\u003C/sub>\u003C/div> ",[2046,2049,2050],{"name":2047,"color":2048},"stale","ffffff",{"name":1985,"color":1986},{"name":1998,"color":1999},3512,"Async data not being called on link click","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3512",0.6673551,{"labels":2057,"number":2061,"owner":1988,"repository":1988,"state":2001,"title":2062,"updated_at":2063,"url":2064,"score":2065},[2058,2059,2060],{"name":2047,"color":2048},{"name":1985,"color":1986},{"name":1998,"color":1999},6585,"asyncData unexpectedly recovers initial value of data","2023-01-22T15:34:46Z","https://github.com/nuxt/nuxt/issues/6585",0.66801745,{"labels":2067,"number":2070,"owner":1988,"repository":1988,"state":2001,"title":2071,"updated_at":2072,"url":2073,"score":2074},[2068,2069],{"name":1985,"color":1986},{"name":1998,"color":1999},8024,"in pages/somefile.tsx files, asyncData is not invoked.","2023-01-22T15:36:08Z","https://github.com/nuxt/nuxt/issues/8024",0.6686533,{"labels":2076,"number":2078,"owner":1988,"repository":1988,"state":2001,"title":2079,"updated_at":2080,"url":2081,"score":2082},[2077],{"name":1998,"color":1999},6391,"asyncData do not work in layout whitch has two \u003Cnuxt/>","2023-01-18T21:49:13Z","https://github.com/nuxt/nuxt/issues/6391",0.67041403,["Reactive",2084],{},["Set"],["ShallowReactive",2087],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"7B0hFUU897WSxReWv-kC6vN-8wYVfa9Q8c9ednA8wos":-1},"/nuxt/nuxt/3401"]