\n \u003CPageContentblock v-for=\"(item, index) in posts.data[0].content\" :key=\"item.id\" :item=\"item\" v-once/>\n \u003C/div>\n\u003C/template>\n\u003Cscript setup lang=\"ts\">\nconst img = useImage()\nconst { data: posts } = await useAsyncData('home', () => $fetch('https://dummyurl.to.directus'), { watch: false, deep: false, strategy: 'static' })\nvar metaData = [{ name: 'description', content: posts.value.data[0].meta_description }, { property: 'og:image', content: img('/directus/assets/' + posts.value.data[0].OG_Image,{ width: 1024, height: 576, format: 'webp'}) }]\nuseHead({\n title: posts.value.data[0].titel,\n meta: metaData\n})\n\u003C/script>\n\n### Reproduction\n\nYou can see the issue live on my production website when you open the console:\nhttps://www.florian-strasser.de\n\n### Describe the bug\n\nWhen I switched over from nuxt 2 to nuxt 3 it introduced my website to the warning:\n`The resource https://www.florian-strasser.de/_payload.json?54c17914-61aa-4ea1-86d9-735ec3e50181 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.`\n\nAt first I thought that this will be fixed during later patches, but now we are more or less before nuxt 4 and it still appears.\n\nSince the latest patches there is also another json file that has a similar warning:\n`[Warning] The resource https://www.florian-strasser.de/_nuxt/builds/meta/54c17914-61aa-4ea1-86d9-735ec3e50181.json was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it wasn't preloaded for nothing.`\n\nThe Files are not that big as I would expect any problems - also my page speed results are pretty good so I really don't understand what could be the issue for that type of warning. When inspecting the payload json someone could argue that this is actually alot of text, but I don't see other possibilities when creating an entire page.\n\nFor the meta file I'm even more confused since is a very small file.\n\nAnyone has an idea?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[1984,1987],{"name":1985,"color":1986},"pending triage","E99695",{"name":1988,"color":1989},"needs reproduction","FBCA04",30833,"nuxt","open","[de:translated] payload.json and meta json file preloaded but not used within a few seconds","2025-03-18T22:28:42Z","https://github.com/nuxt/nuxt/issues/30833",0.7205,{"description":1998,"labels":1999,"number":2005,"owner":1991,"repository":1991,"state":2006,"title":2007,"updated_at":2008,"url":2009,"score":2010},"### Environment\n\nnuxt : 3.6.5\n\n### Reproduction\n\n[https://www.igv.com/items/276662411227344 view](view-source:https://www.igv.com/items/276662411227344)\r\n\r\n\n\n### Describe the bug\n\nI used useHead to add webpage SEO tags, but as long as the symbol of the title tag is escaped. You can view the title and meta tags in the link to reproduce bugs\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2000,2003,2004],{"name":2001,"color":2002},"3.x","29bc7f",{"name":1985,"color":1986},{"name":1988,"color":1989},24138,"closed","nuxt3 useHead title String Escape","2023-11-09T03:28:07Z","https://github.com/nuxt/nuxt/issues/24138",0.6986441,{"description":2012,"labels":2013,"number":2018,"owner":1991,"repository":1991,"state":2006,"title":2019,"updated_at":2020,"url":2021,"score":2022},"### Version\n\n[v2.4.3](https://github.com/nuxt.js/releases/tag/v2.4.3)\n\n### Reproduction link\n\n[https://github.com/nuxt/nuxt.js/issues/3300](https://github.com/nuxt/nuxt.js/issues/3300)\n\n### Steps to reproduce\n\nI'm having a problem with head title and meta in pages not working for the first time on the web, but it works after I reload the page, I do not know where the error is for people to help!\n\n\n\n\n\n\n\n\n\n### What is expected ?\n\nChange the title on first load too.\n\n### What is actually happening?\n\nUsing title from the nuxt.config.js file.\n\n### Additional comments?\n\n#3300\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/c8659\">#c8659\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2014,2015],{"name":1985,"color":1986},{"name":2016,"color":2017},"2.x","d4c5f9",5033," Head meta in pages not working first load!","2023-01-22T15:33:01Z","https://github.com/nuxt/nuxt/issues/5033",0.70467633,{"description":2024,"labels":2025,"number":2027,"owner":1991,"repository":1991,"state":2006,"title":2028,"updated_at":2029,"url":2030,"score":2031},"npm run generate\r\n\r\n\r\n\r\nmy pages\r\n\r\n\r\nlist.vue\r\n\r\n\r\nwhat's wrong and how to fix ???\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c981\">#c981\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2026],{"name":2016,"color":2017},1123,"generate error about \"headers\"","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1123",0.70542383,{"description":2033,"labels":2034,"number":2041,"owner":1991,"repository":1991,"state":2006,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.4\r\n- Builder: -\r\n- User Config: devtools, runtimeConfig, app, ssr, modules, nitro, devServer, content, googleFonts, experimental\r\n- Runtime Modules: @nuxtjs/google-fonts@3.2.0, @nuxtjs/tailwindcss@6.11.4, unplugin-icons/nuxt, @nuxt/content@2.12.1\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n## How I'm configuring this\r\n\r\nFor my `index.vue` page, I have the following code\r\n\r\n```ts\r\nimport _ogImage from '~/assets/img/open-graph-banner.jpg'\r\nconst config = useRuntimeConfig()\r\n\r\nconst ogImageUrl = new URL(config.public.baseUrl) // could also use https://mydomain.com/ as a string here\r\nogImageUrl.pathname = _ogImage\r\nconst ogImage = ogImageUrl.toString()\r\n\r\nuseHead({\r\n meta: [\r\n { property: 'og:image', content: ogImage },\r\n ]\r\n})\r\n```\r\n\r\nI describe the bug in detail below, but in short, if I access the rendered page on `https://mydomain.com`, and only on this page, will I get a meta tag like\r\n\r\n```html\r\n\u003Chead>\r\n \u003Cmeta property=\"og:image\" content=\"https://mydomain.com/https://mydomain.com/_nuxt/open-graph-banner.so1_sba.jpg\" />\r\n\u003C/head>\r\n```\r\n\r\nNote on both localhost and the view-source pages the meta tag is rendered correctly.\n\n### Describe the bug\n\n## Short description\r\nOkay, so I want to have open graph tags which include my domain in the path when using `useHead` both in my page's pre-render and when the page is rendered after being served. What I mean is I should have in my `\u003Chead>`\r\n\r\n```html\r\n\u003Chead>\r\n \u003Cmeta property=\"og:image\" content=\"https://mydomain.com/_nuxt/open-graph-banner.so1_sba.jpg\">\r\n\u003C/head>\r\n```\r\n\r\nfor both the pre-render, so it should display this tag on `view-source:https://mydomain.com`, on `https://mydomain.com`, and when I'm running it locally on `http://localhost:3000`. Unfortunately, this is not what's happening. Let me give you the displayed HTML for each of the cases\r\n\r\n### view-source:https://mydomain.com\r\n\r\n```html\r\n\u003Chead>\r\n \u003Cmeta property=\"og:image\" content=\"https://mydomain.com/_nuxt/open-graph-banner.so1_sba.jpg\">\r\n\u003C/head>\r\n```\r\n\r\n### https://mydomain.com \u003C- problems here\r\nAfter the page finishes loading and I look in the console, I get\r\n\r\n```html\r\n\u003Chead>\r\n \u003Cmeta property=\"og:image\" content=\"https://mydomain.com/https://mydomain.com/_nuxt/open-graph-banner.so1_sba.jpg\">\r\n\u003C/head>\r\n```\r\n\r\n### http://localhost:3000\r\nThis tag holds both in the view-source and in the dev tools console\r\n```html\r\n\u003Chead>\r\n \u003Cmeta property=\"og:image\" content=\"https://mydomain.com/_nuxt/open-graph-banner.so1_sba.jpg\">\r\n\u003C/head>\r\n```\r\n\r\n### Additional comments\r\n\r\nThis inconsistent behavior is so frustrating, and I cannot guarantee my open graph tags will be loaded in the same way every time. On twitter, sometimes the open graph tag loads correctly, other times it will not.\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2035,2036,2037,2038],{"name":2001,"color":2002},{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":2039,"color":2040},"closed-by-bot","ededed",27240,"useHead doubling the baseURL only when served from that domain","2024-05-26T01:51:38Z","https://github.com/nuxt/nuxt/issues/27240",0.7121137,{"description":2047,"labels":2048,"number":2055,"owner":1991,"repository":2056,"state":2006,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Description\n\nJust tried to implement my first form that does some smaller frontend validation and sends the payload to an API that will escalate errors as well.\n\nGoing through all the use cases, some are rather hard and cumbersome to implement:\n\n- Field validation errors are fine\n- Form errors require a field to work, there is no way to define Form wide errors through `Form.setErrors()` nor do they bubble up to a general error display just where the `\u003CUForm />` is anchored if the key is unknown.\n- The missing error bubbeling makes it tricky to react to more common errors like rate limiting through 429 status code, where the server responds with additional headers and maybe a JSON with further information. This creates a hard coupling of the loose backend error message and a hard field within the current form to route the error to.\n\nAlso the submission event `FormSubmitEvent` could offer better developer experience by offering not only data, but the actual Form instance. Right now, to handle any errors by a backend, you need to go through the typical, type-messy approach of\n\n```ts\n\u003Ctemplate>\n \u003CUForm ref=\"form\" @submit=\"onSubmit\" />\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\ntype FormSchema = v.InferOutput\u003Ctypeof CreateSomethingForm>\n\nconst form = useTemplateRef\u003CForm\u003CFormSchema>>('form')\n\nasync function onSubmit(event: FormSubmitEvent\u003CFormSchema>) {\n\n form.value?.setErrors([\n {name: 'account', message: 'Not valid'}\n ])\n}\n\u003C/script>\n```\n\ninstead of a simpler boilerplate:\n\n```ts\n\u003Ctemplate>\n \u003CUForm @submit=\"onSubmit\" />\n\u003C/template>\n\n\u003Cscript lang=\"ts\" setup>\ntype FormSchema = v.InferOutput\u003Ctypeof CreateSomethingForm>\n\nasync function onSubmit(event: FormSubmitEvent\u003CformSchema>) {\n event.form.setErrors([\n {name: 'account', message: 'Not valid'}\n ])\n}\n\u003C/script>\n```\n\n\n\n\n### Additional context\n\n_No response_",[2049,2052],{"name":2050,"color":2051},"enhancement","a2eeef",{"name":2053,"color":2054},"v3","49DCB8",3471,"ui","Form improvements","2025-03-12T08:31:46Z","https://github.com/nuxt/ui/issues/3471",0.7126931,{"description":2062,"labels":2063,"number":2066,"owner":1991,"repository":1991,"state":2006,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\nincorrect escaping of text for useHead\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-wiicqd?file=app.vue\n\n### Describe the bug\n\n\u003Cimg width=\"1254\" alt=\"image\" src=\"https://user-images.githubusercontent.com/342509/221172210-cec53983-5636-4bec-8d54-07a0e009d01e.png\">\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2064,2065],{"name":2001,"color":2002},{"name":1985,"color":1986},19262,"incorrect escaping of text for useHead","2023-11-03T06:42:33Z","https://github.com/nuxt/nuxt/issues/19262",0.71389645,{"labels":2072,"number":2075,"owner":1991,"repository":1991,"state":2006,"title":2076,"updated_at":2077,"url":2078,"score":2079},[2073,2074],{"name":1985,"color":1986},{"name":2016,"color":2017},10610,"Child Meta tags in head() gets added at the bottom of head tag","2023-02-20T09:06:15Z","https://github.com/nuxt/nuxt/issues/10610",0.71989554,{"description":2081,"labels":2082,"number":2084,"owner":1991,"repository":1991,"state":2006,"title":2085,"updated_at":2086,"url":2087,"score":2088},"Hey,\r\nI'm working on a SSR website and keep having issues with duplicated meta tags. As you can see on the screenshot below, nuxt generate two title tags.\r\n\r\n\r\nI use nuxt `head()` method and `hid` attribute to override defaults tags on my article page, but the two meta tags are being used.\r\n\r\nIn nuxt.config.js : \r\n\u003Cimg width=\"439\" alt=\"capture d ecran 2018-02-26 a 14 24 43\" src=\"https://user-images.githubusercontent.com/4067686/36672788-e3965454-1b00-11e8-92c4-c862300de73e.png\">\r\n\r\nIn videos/_slug.vue :\r\n\u003Cimg width=\"565\" alt=\"capture d ecran 2018-02-26 a 14 22 56\" src=\"https://user-images.githubusercontent.com/4067686/36672727-a7448f98-1b00-11e8-99f5-ea1a8953654a.png\">\r\n\r\nOh, and if I remove default title and description from `nuxt.config.js`, nuxt is using the title from package.json\r\n\r\n**As anyone faced the same issue ? Or maybe I'm using nuxt head method wrong ?**\r\n\r\nThanks in advance for your help !\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2521\">#c2521\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2083],{"name":2016,"color":2017},2902,"Duplicated meta tags and titles","2023-01-18T16:09:43Z","https://github.com/nuxt/nuxt/issues/2902",0.7215769,{"description":2090,"labels":2091,"number":2094,"owner":1991,"repository":1991,"state":2006,"title":2095,"updated_at":2096,"url":2097,"score":2098},"I am running a statically generated site which is hosted on S3. I have a set up where we generate multiple dynamic pages which are supposed to be SEO optimized. However all the work is brought to naught. The metatag information which i pass through the payload has a delay before it's applied which confuses the crawlers. The delay is especially visible on the first navigation into the website.\r\n\r\nWhen I check my website using something like https://www.heymeta.com/ the meta title and meta desc appear as the default ones I have set in nuxt.config.js (and I have set the hid properties so i know they are getting replaced properly. So far this has only been an issue with the pages generated using the payload)\r\n\r\n\r\n \r\n```\r\n// nuxt.config.js\r\nmode: 'universal', \r\ngenerate: {\r\n routes () {\r\n return axios.get(`https://${LF_CDN}/payload.json?v=${Date.now()}`)\r\n .then((res) => {\r\n const routesToGenerate = [];\r\n for (const payload of res.data) {\r\n routesToGenerate.push({ route: payload.url, payload });\r\n }\r\n return routesToGenerate;\r\n }).catch((e) => {\r\n throw e;\r\n });\r\n }\r\n},\r\n```\r\n```\r\n// dynamic page\r\n asyncData ({ payload }) {\r\n return { payload };\r\n },\r\n head () {\r\n const i18nSeo = this.$nuxtI18nSeo();\r\n // I do some merging with the suggested SEO stuff from nuxti18n module. Though it should matter\r\n return this.payload.metadata;\r\n }\r\n```\r\n\r\n### Versions\r\n- nuxt: 2.14.7\r\n- node: 14.15.1\r\n\r\n### Steps to reproduce\r\n- Have default metatags set up in nuxt.config.js\r\n- Have dynamic pages generated\r\n- Pass in payload to each page through the generate function. Payload contains meta information\r\n- Use the data from the payload in the dynamic page to generate the metatags using the head() method.\r\n\r\n### What is Expected?\r\nConsidering all the page are pre generated I expect the correct metatags to be displayed from the get go instead of getting injected at runtime\r\n\r\n### What is actually happening?\r\nThe default metatags are getting displayed only to be replaced by the correct ones afterwards. \r\nCauses issues for crawlers when checking metatags. \r\n",[2092,2093],{"name":1985,"color":1986},{"name":2016,"color":2017},8605,"Updating meta tags with generate payload and Asyncdata comes in too late. Crawlers are not picking up on the updated metadata","2023-01-22T15:38:40Z","https://github.com/nuxt/nuxt/issues/8605",0.722092,["Reactive",2100],{},["Set"],["ShallowReactive",2103],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"KJQvxevYGxfqcQw3F6uDGDrzA-qCw9NN1aAK4nT9lL8":-1},"/nuxt/ui/2190"]