\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```",[2867,2870],{"name":2868,"color":2869},"pending triage","E99695",{"name":2871,"color":2872},"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.70999175,{"description":2881,"labels":2882,"number":2888,"owner":2874,"repository":2874,"state":2889,"title":2890,"updated_at":2891,"url":2892,"score":2893},"### 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_",[2883,2886,2887],{"name":2884,"color":2885},"3.x","29bc7f",{"name":2868,"color":2869},{"name":2871,"color":2872},24138,"closed","nuxt3 useHead title String Escape","2023-11-09T03:28:07Z","https://github.com/nuxt/nuxt/issues/24138",0.6894514,{"description":2895,"labels":2896,"number":2903,"owner":2874,"repository":2874,"state":2889,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### 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_",[2897,2898,2899,2900],{"name":2884,"color":2885},{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2901,"color":2902},"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.6965488,{"description":2909,"labels":2910,"number":2915,"owner":2874,"repository":2874,"state":2889,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### 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>",[2911,2912],{"name":2868,"color":2869},{"name":2913,"color":2914},"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.6994292,{"description":2921,"labels":2922,"number":2924,"owner":2874,"repository":2874,"state":2889,"title":2925,"updated_at":2926,"url":2927,"score":2928},"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>",[2923],{"name":2913,"color":2914},2902,"Duplicated meta tags and titles","2023-01-18T16:09:43Z","https://github.com/nuxt/nuxt/issues/2902",0.7076584,{"description":2930,"labels":2931,"number":2938,"owner":2874,"repository":2939,"state":2889,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### 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_",[2932,2935],{"name":2933,"color":2934},"enhancement","a2eeef",{"name":2936,"color":2937},"v3","49DCB8",3471,"ui","Form improvements","2025-03-12T08:31:46Z","https://github.com/nuxt/ui/issues/3471",0.70787984,{"description":2945,"labels":2946,"number":2949,"owner":2874,"repository":2874,"state":2889,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### 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_",[2947,2948],{"name":2884,"color":2885},{"name":2868,"color":2869},19262,"incorrect escaping of text for useHead","2023-11-03T06:42:33Z","https://github.com/nuxt/nuxt/issues/19262",0.7088241,{"description":2955,"labels":2956,"number":2958,"owner":2874,"repository":2874,"state":2889,"title":2959,"updated_at":2960,"url":2961,"score":2962},"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>",[2957],{"name":2913,"color":2914},1123,"generate error about \"headers\"","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1123",0.71324694,{"description":2964,"labels":2965,"number":2968,"owner":2874,"repository":2874,"state":2889,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Version\n\n[v2.2.0](https://github.com/nuxt.js/releases/tag/v2.2.0)\n\n### Reproduction link\n\n[https://github.com/gnuletik/nuxt-duplicate-meta](https://github.com/gnuletik/nuxt-duplicate-meta)\n\n### Steps to reproduce\n\nHere is how to reproduce from the official template:\n\nIn `layouts/default.vue`\n```\n\u003Cscript>\nlet tags = {\n meta: []\n}\n\nexport default {\n name: 'app',\n head () {\n tags.meta.push({\n property: 'og:url',\n content: this.$router.history.current.path,\n hid: 'metaogurl'\n })\n return tags\n }\n}\n\u003C/script>\n```\n\nThen, refresh your pages several times or navigate through some pages.\n\nIn your browser's console, run:\n\n```\ndocument.querySelectorAll('meta[property=\"og:url\"]')\n\n1: \u003Cmeta data-n-head=\"true\" property=\"og:url\" content=\"/\" data-hid=\"metaogurl\">\n2: \u003Cmeta data-n-head=\"true\" property=\"og:url\" content=\"/\" data-hid=\"metaogurl\">\n3: \u003Cmeta data-n-head=\"true\" property=\"og:url\" content=\"/\" data-hid=\"metaogurl\">\n```\n\nThe meta tag is duplicated.\n\nI fixed it by making a copy of the arrays instead of pushing into it:\n\nIn `src/layouts/default.vue`\n```\n head () {\n let tags = this.cms.tags() // Or whatever you use\n // clone is required to avoid duplicates\n let clone = {\n htmlAttrs: Object.assign({}, tags.htmlAttrs),\n link: tags.link.slice(0),\n meta: tags.meta.slice(0)\n }\n clone.meta.push({\n property: 'og:url',\n content: this.$router.history.current.path,\n hid: 'metaogurl',\n })\n return clone\n }\n```\n\nI don't know if this should be fixed by nuxt or vue-meta.\n\n### What is expected ?\n\nNon duplicated meta tags\n\n### What is actually happening?\n\nDuplicated meta tags\n\n### Additional notes\n\nThis bug report is a duplicate of https://cmty.app/nuxt/nuxt.js/issues/c2521 as the comments in this post are not anymore reported back to github.\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/c8094\">#c8094\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2966,2967],{"name":2868,"color":2869},{"name":2913,"color":2914},4282,"Duplicated meta tags on SSR","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4282",0.71650946,{"description":2974,"labels":2975,"number":2978,"owner":2874,"repository":2874,"state":2889,"title":2979,"updated_at":2970,"url":2980,"score":2981},"### Version\n\n[v2.1.0](https://github.com/nuxt.js/releases/tag/v2.1.0)\n\n### Reproduction link\n\n[https://codesandbox.io/s/7432lomjpx](https://codesandbox.io/s/7432lomjpx)\n\n### Steps to reproduce\n\nnuxt.config.js\n\n```js\nmodule.exports = {\n mode: 'universal',\n\n /*\n ** Headers of the page\n */\n head: {\n script: [\n { innerHTML: 'document.documentElement.classList.add(\"theme-\" + (localStorage.theme || \"day\"))' },\n ],\n },\n ....\n}\n```\n\n### What is expected ?\n\n`'` and `\"` are displayed correctly\n\n### What is actually happening?\n\n```html\n\u003Cscript data-n-head=\"true\" >document.documentElement.classList.add("theme-" + (localStorage.theme || "day"))\u003C/script>\n```\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/c7936\">#c7936\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2976,2977],{"name":2868,"color":2869},{"name":2913,"color":2914},4070,"The configured head.script.innerHTML is escaped","https://github.com/nuxt/nuxt/issues/4070",0.7167683,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fKJQvxevYGxfqcQw3F6uDGDrzA-qCw9NN1aAK4nT9lL8":-1},"/nuxt/ui/2190"]