\r\n \u003C/NuxtLayout>\r\n\u003C/template>\r\n```\r\n### /pages/index.vue\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst route = useRoute();\r\nconsole.log(route.fullPath);\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ch1>Home page\u003C/h1>\r\n \u003CNuxtLink to=\"/about\">About Page\u003C/NuxtLink>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n### /pages/about.vue\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ch1>About page\u003C/h1>\r\n \u003CNuxtLink to=\"/\">Home Page\u003C/NuxtLink>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n### /layouts/default.vue\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst route = useRoute();\r\nconsole.log(route.fullPath);\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003Cmain>\r\n \u003Cslot />\r\n \u003C/main>\r\n\u003C/template>\r\n```\r\n## Steps to reproduce\r\n1. Land on the home page\r\n2. View your console and note the logs produced by `/pages/index.vue` and `/layout/default.vue`\r\n3. Press the NuxtLink to go to the about page\r\n4. Press the NuxtLink on the about page to go back to the home page\r\n5. View your console and note the logs produced by `/pages/index.vue` and `/layout/default.vue`\r\n## Behavior\r\n**Current:**\r\n- When first landing on the home page, the logs of the page and the layout are consistent (both show '/' for the `fullPath`)\r\n- Upon navigating to the about page and return to the home page, the logs are different:\r\n - the page logs correctly: `/`\r\n - the layout logs incorrectly: `/about`\r\n\r\n**Expected:**\r\n- Both the layout and the page should have consistent logs (i.e. retrieve the same value from `useRoute()`)\r\n- The layout should display the correct `fullpath`, even when navigating away and returning using the NuxtLink (i.e. it should have logged '/' instead of '/about/' since we are on the home page)\r\n\r\n### Describe the bug\r\n\r\nWhen calling `useRoute()` inside of a layout, it will retrieve the correct value on the initial load or when refreshing the page. Once navigating away using a NuxtLink, it appears to retrieve an incorrect/old value (possibly due to client-side rendering). Please see the reproduction section for details.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[1984],{"name":1985,"color":1986},"pending triage","E99695",21340,"nuxt","open","useRoute providing incorrect data when used in a layout","2025-02-14T19:34:24Z","https://github.com/nuxt/nuxt/issues/21340",0.6864978,{"description":1995,"labels":1996,"number":1998,"owner":1988,"repository":1988,"state":1989,"title":1999,"updated_at":2000,"url":2001,"score":2002},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.10.0`\n- Nuxt Version: `3.14.1592`\n- CLI Version: `3.16.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.12.2`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n\n### Reproduction\n\nhttps://github.com/MikeBellika/title-tag-repro\n\n### Describe the bug\n\nIf you use `await navigateTo` a page with a different layout, no title tag gets set. This only happens when SSR is disabled.\nIn the reproduction, I have created three pages.\n\n1. index.vue - Redirects in the `script setup`\n2. in-async-data.vue - Redirects in `useAsyncData`\n3. without-await.vue - Doesn't have `await` in front of `navigateTo`. This works.\n\nThis only happens when navigating to a page with a different layout. The examples show navigation from a page without a layout to one with a layout, but this also occurs when both pages have distinct layouts.\n\nHere's a small video of the issue\n\nhttps://github.com/user-attachments/assets/1ae083ee-3838-41b0-977f-21cfaeb91961\n",[1997],{"name":1985,"color":1986},30291,"using `await navigateTo` to a page with a different layout, causes the title tag from `useHead` to not work","2024-12-18T10:26:54Z","https://github.com/nuxt/nuxt/issues/30291",0.6955225,{"description":2004,"labels":2005,"number":2007,"owner":1988,"repository":1988,"state":1989,"title":2008,"updated_at":2009,"url":2010,"score":2011},"### Environment\n\n```\nNuxt project info: 16:18:24\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.4\n- Nuxt Version: 3.13.1\n- CLI Version: 3.14.0\n- Nitro Version: -\n- Package Manager: pnpm@9.11.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n```\n\n### Reproduction\n\nReproduction here: https://stackblitz.com/edit/github-sewb7p (open pages in external browser and view source)\nBoth components have exactly the same code, only difference is `.server` to influence running on server only.\n\n`pages/seometa-working.vue` works as expected (but is running on client only)\n`pages/seometa-non-working.server.vue` only direct `useHead` has effect\n\n\n### Describe the bug\n\nWhen using server components, indirect `head` manipulation (i.e. through `useSeoMeta`) has no effect. `useHead` works as expected.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2006],{"name":1985,"color":1986},29290,"server components: indirect head manipulation does not work","2024-11-13T21:33:56Z","https://github.com/nuxt/nuxt/issues/29290",0.6995169,{"description":2013,"labels":2014,"number":2022,"owner":1988,"repository":1988,"state":2023,"title":2024,"updated_at":2025,"url":2026,"score":2027},"### Environment\n\n\"nuxt\": \"^3.2.0\"\n\n### Reproduction\n\nI've created a small application that is just a teaser of this error:\r\n\r\nhttps://codesandbox.io/p/sandbox/nifty-http-tdnft3\n\n### Describe the bug\n\nI am using useHead for updating title in pages, titles are updating on mounting of pages but when I revisit pages, title of page doesn't get updated.\r\nIn short useHead is updating title on mounted and is not updating on activated hook.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2015,2018,2019],{"name":2016,"color":2017},"3.x","29bc7f",{"name":1985,"color":1986},{"name":2020,"color":2021},"needs reproduction","FBCA04",22450,"closed","UseHead title is not updated when page is activated, title of page only get updated when page is mounted","2023-08-09T07:02:00Z","https://github.com/nuxt/nuxt/issues/22450",0.6600917,{"description":2029,"labels":2030,"number":2033,"owner":1988,"repository":1988,"state":2023,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### Environment\r\n\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-oacpdy?file=app.vue\r\n\r\nUse the \"Preview in new tab\" button and navigate from one page to another multiple times to see that the page title will only change on the first visit.\r\n\r\n### Describe the bug\r\n\r\nSeems like when using `keepalive` property in `\u003CNuxtPage>`, `useHead` gets called ONLY when the page has never been rendered. When navigating to that page again, it keeps the value of the last visited page.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2031,2032],{"name":2016,"color":2017},{"name":1985,"color":1986},15394,"`keepalive` prevents calling `useHead` on visited pages","2023-01-19T17:49:34Z","https://github.com/nuxt/nuxt/issues/15394",0.6641211,{"labels":2039,"number":2042,"owner":1988,"repository":1988,"state":2023,"title":2043,"updated_at":2044,"url":2045,"score":2046},[2040,2041],{"name":2016,"color":2017},{"name":1985,"color":1986},14091,"Cannot set title with useHead","2023-01-19T17:24:14Z","https://github.com/nuxt/nuxt/issues/14091",0.66762257,{"description":2048,"labels":2049,"number":2057,"owner":1988,"repository":1988,"state":2023,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.13.0\r\n- Nuxt Version: 3.4.3\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@8.19.3\r\n- Builder: vite\r\n- User Config: app, runtimeConfig, css, modules, components, vite, devtools\r\n- Runtime Modules: @nuxtjs/color-mode@3.2.0, @pinia/nuxt@0.4.9\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-mtzzdy?file=app.vue\n\n### Describe the bug\n\nThe nuxt.config has a `titleTemplate` that can be set as a function. But the function doesn't work.\r\n\r\nWe are trying to have the `SiteName` when there is an empty title and the `Title | SiteName` when the title exists.\r\n\r\nWe are using the `\u003CTitle>` component.\r\n\r\n```html\r\n\u003CHead>\r\n \u003CTitle> My title \u003C/Title>\r\n\u003C/Head>\r\n```\r\n\r\n```typescript\r\nexport default defineNuxtConfig({\r\n app: {\r\n head: {\r\n titleTemplate: (titleChunk) => {\r\n return titleChunk ? `${titleChunk} | Site Name` : 'Site Name';\r\n },\r\n },\r\n },\r\n});\r\n```\r\n\r\nIt doesn't work. It just shows the title.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2050,2053,2054],{"name":2051,"color":2052},"types","2875C3",{"name":2016,"color":2017},{"name":2055,"color":2056},"workaround available","11376d",20766,"nuxt.config : app > head > titleTemplate doesn't work with a function.","2023-05-11T07:02:34Z","https://github.com/nuxt/nuxt/issues/20766",0.67743737,{"labels":2063,"number":2065,"owner":1988,"repository":1988,"state":2023,"title":2066,"updated_at":2067,"url":2068,"score":2069},[2064],{"name":2016,"color":2017},14484,"titleTemplate is not working properly","2023-01-19T17:36:01Z","https://github.com/nuxt/nuxt/issues/14484",0.6802437,{"description":2071,"labels":2072,"number":2076,"owner":1988,"repository":1988,"state":2023,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### Environment\n\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.3.1`\r\n- Nitro Version: `2.3.1`\r\n- Package Manager: `yarn@1.22.10`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `app`, `css`, `windicss`, `build`, `buildModules`, `modules`, `experimental`, `components`, `vite`, `runtimeConfig`, `vueuse`\r\n- Runtime Modules: `@pinia/nuxt@0.4.7`, `@vueuse/nuxt@9.13.0`, `nuxt-windicss@2.6.0`, `nuxt-icon@0.3.3`\r\n- Build Modules: `@nuxtjs/google-fonts@2.0.0`\r\n------------------------------\n\n### Reproduction\n\n\u003Cimg width=\"566\" alt=\"Captura de Tela 2023-03-24 às 15 12 13\" src=\"https://user-images.githubusercontent.com/83841469/227607680-b88a7937-e1e8-4d5e-8b4e-3a42369a427a.png\">\r\n\u003Cimg width=\"566\" alt=\"Captura de Tela 2023-03-24 às 15 12 25\" src=\"https://user-images.githubusercontent.com/83841469/227607826-70674973-9f86-4c4f-bad6-5341fcd9ce53.png\">\r\n\u003Cimg width=\"566\" alt=\"Captura de Tela 2023-03-24 às 15 12 38\" src=\"https://user-images.githubusercontent.com/83841469/227607929-b6292c42-eefb-4a82-a2ef-aeeedde3e182.png\">\r\n\u003Cimg width=\"566\" alt=\"Captura de Tela 2023-03-24 às 15 13 32\" src=\"https://user-images.githubusercontent.com/83841469/227607937-9afc757c-404a-4b01-9add-9b4e8a6e77d5.png\">\r\n\n\n### Describe the bug\n\nuseHead is not overwriting the head of nuxt.config. In production you can't overwrite anything. The only change is in the title of the page, but the Seo remains the same as in nuxt.config.\r\nI've tried useHead() and useSeoMeta(), as well as \u003CHead>, but none of them managed to override nuxt.config.\r\nThis is nuxt.config:\r\n\r\n\n\n### Additional context\n\nI would like in addition to the answer to have a tip on how to do Seo in Nuxt 3\n\n### Logs\n\n_No response_",[2073,2074,2075],{"name":2016,"color":2017},{"name":1985,"color":1986},{"name":2020,"color":2021},19906," useHead is not overwriting the head of nuxt.config","2025-01-20T08:43:00Z","https://github.com/nuxt/nuxt/issues/19906",0.6809516,{"description":2082,"labels":2083,"number":2091,"owner":1988,"repository":1988,"state":2023,"title":2092,"updated_at":2093,"url":2094,"score":2095},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v19.1.0`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.3`\r\n- Builder: `vite`\r\n- User Config: `modules`, `runtimeConfig`, `vite`\r\n- Runtime Modules: `@nuxtjs/color-mode@3.1.8`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nuse `titleTemplate` without `title`\r\n\r\n### Describe the bug\r\n\r\n`titleTemplate` in `useHead` is working with these well.\r\n\r\n- nuxt.config.ts -> app.head.title\r\n- script -> useHead.title\r\n- template -> \u003CTitle/>\r\n\r\n\u003Cimg width=\"1728\" alt=\"스크린샷 2022-11-20 오후 4 15 44\" src=\"https://user-images.githubusercontent.com/90916540/202890527-2a256b73-5b5c-4bd6-841e-7521f528f753.png\">\r\n\r\nBut when I remove `title`, page title does not change.\r\nAfter refresh, 'localhost:3000/' is shown rather than default title although `titleTemplate` function is called.\r\n\r\n\u003Cimg width=\"1728\" alt=\"스크린샷 2022-11-20 오후 4 15 59\" src=\"https://user-images.githubusercontent.com/90916540/202890535-6bee38f5-2d44-4229-9237-2b6a0f56a5f2.png\">\r\n\r\nI'm not certain this is a bug or not.\r\nIf I miss something, How can I print 'Title' that located on third position of optional operator in `titleTemplate`?\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2084,2085,2088],{"name":2016,"color":2017},{"name":2086,"color":2087},"bug","d73a4a",{"name":2089,"color":2090},"upstream","E8A36D",15556,"titleTemplate is not working when titleChunk is undefined","2023-01-19T17:54:16Z","https://github.com/nuxt/nuxt/issues/15556",0.6816096,["Reactive",2097],{},["Set"],["ShallowReactive",2100],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Ha_qKkdzFemQ9vklBydZMjUhZx67UxBujYI4EWSSnMs":-1},"/nuxt/nuxt/12332"]