\r\n\r\n \u003Cdiv>\u003CNuxtLink to=\"/\">HOME\u003C/NuxtLink>\u003C/div>\r\n \u003Cdiv>\u003CNuxtLink to=\"/?name=roro\">/?name=roro\u003C/NuxtLink>\u003C/div>\r\n \u003Cdiv>\u003CNuxtLink to=\"/about\">About\u003C/NuxtLink>\u003C/div>\r\n\r\n \u003Cul>\r\n \u003Cli>Enter a name in the input field above\u003C/li>\r\n \u003Cli>Click on the ?name=roro link\u003C/li>\r\n \u003Cli>Click on the HOME link\u003C/li>\r\n \u003Cli>The page should be re-rendered and reset but it's not happening. The input should be cleared.\u003C/li>\r\n \u003C/ul>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\n const route = useRoute()\r\n\r\n onBeforeRouteUpdate(to => {\r\n // Refresh the page (not hard refresh)!\r\n if (to.fullPath === '/') {\r\n route.meta.pageKey = 'test'\r\n\r\n document.querySelector('#logs')!.textContent = document.querySelector('#logs')!.textContent + 'Changing page key, it should re-render the page and clear all data...'\r\n }\r\n })\r\n\r\n definePageMeta({ key: (route) => route.meta.pageKey })\r\n\u003C/script>\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[1984],{"name":1985,"color":1986},"pending triage","E99695",28086,"nuxt","open","Changing `key` on page does not re-render it","2024-08-28T20:39:13Z","https://github.com/nuxt/nuxt/issues/28086",0.7730184,{"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: `v20.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.1`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@unocss/nuxt@0.65.2`, `@nuxt/eslint@0.7.3`, `@nuxt/icon@1.10.2`, `@nuxt/image@1.8.1`, `@vueuse/nuxt@12.0.0`\n- Build Modules: `-`\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-xyfrn9ic?file=pages%2Fparent%2Fchild1.vue\n\n### Describe the bug\n\nBefore I define an alias for `/parent` in `child1.vue`, whether I navigate to `/parent/child1` or `/parent/child2`, the `/parent` link will be active.\n\nHowever, after I define the alias, when I navigate to `/parent/child2`, the `/parent` link will not be active.\n\n### Additional context\n\nI tested this behavior with `vue-router`, which works normally. I guess this is an issue with `nuxt`.",[1997],{"name":1985,"color":1986},30340,"route alias causes `activeClass` not working properly","2024-12-23T08:29:52Z","https://github.com/nuxt/nuxt/issues/30340",0.7755823,{"description":2004,"labels":2005,"number":2015,"owner":1988,"repository":2016,"state":1989,"title":2017,"updated_at":2018,"url":2019,"score":2020},"### Environment\n\n- Operating System: `Windows 11`\n- Browser: `Chrome 131`\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt UI\n\n### Version\n\nv2.20.0, 3.0.0-alpha-x\n\n### Reproduction\n\n[Tabs ](https://ui.nuxt.com/components/tabs) and [Input#disabled](https://ui.nuxt.com/components/input#disabled) sections of ui.nuxt.com, as well as pretty much every other component that has a \"Disabled\" state, demonstrate the issue\n\n### Description\n\nThe current styling for `disabled` state of different components in Nuxt UI has a very subtle visual distinction from the enabled state. On a monitor with good sRGB calibration (Gigabyte M32U - IPS, 4K, sRGB mode), the grayed-out appearance of the `disabled` state in almost every Nuxt UI component (as shown on the [ui.nuxt.com/components](https://ui.nuxt.com/components)) is almost indistinguishable from the non-disabled state.\n\n**Issue:**\n- Disabled elements do not provide a clear visual cue, making it hard for users to differentiate their state at a glance.\n- This affects usability and accessibility, especially for users with mild visual impairments or varying screen settings.\n\n**Suggestion:**\n\nConsider increasing contrast differences or adding clearer indicators (e.g., opacity) to improve visual accessibility for disabled elements.\n\n**Example:**\n[Tabs](https://ui.nuxt.com/components/tabs) and [Input#disabled](https://ui.nuxt.com/components/input#disabled) sections of ui.nuxt.com, as well as pretty much every other component that has a \"Disabled\" state, demonstrate the issue.\n\n**Video** (may look different on your monitor):\nNuxt UI `2.20.0`:\n\n\nhttps://github.com/user-attachments/assets/81eea3ee-1c74-4036-9fe9-55b18cb16851\n\n\nNuxt UI `3.0.0-alpha-x`:\n\n\nhttps://github.com/user-attachments/assets/9018589e-98fb-46d1-97e5-623fae98727e\n\n\n**Photos** of how it looks like on the mentioned monitor:\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/97736e43-fe88-428a-b3b2-67fcbe9b37dc\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/6caf4ee6-0cb9-4c7e-9bc7-07e320248b8e\" width=\"400\"/>\n\n\u003Cimg src=\"https://github.com/user-attachments/assets/b64d9960-4877-4fc4-b016-92ce8c4cf393\" width=\"400\"/>\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2006,2009,2012],{"name":2007,"color":2008},"bug","d73a4a",{"name":2010,"color":2011},"v3","49DCB8",{"name":2013,"color":2014},"triage","ffffff",2995,"ui","Improve disabled state visibility for Tabs and other components","2024-12-29T13:39:36Z","https://github.com/nuxt/ui/issues/2995",0.77659947,{"description":2022,"labels":2023,"number":2024,"owner":1988,"repository":2025,"state":2026,"title":2027,"updated_at":2028,"url":2029,"score":2030},"I have these fonts in my public/font directory:\n\n\nI set my font as a CSS var:\n\n\nI use that var, but with a bold weight:\n\n\nThe bold font is never loaded:\n\n\nRegular font weights and italic style work, but can't get the other weights to load.\n\n",[],343,"fonts","closed","Font as a CSS var, not loading other weights","2024-10-23T08:47:08Z","https://github.com/nuxt/fonts/issues/343",0.7458007,{"description":2032,"labels":2033,"number":2036,"owner":1988,"repository":2037,"state":2026,"title":2038,"updated_at":2039,"url":2040,"score":2041},"\n",[2034],{"name":2007,"color":2035},"ff281a",250,"nuxt.com","SubNavbar links not active when on child","2022-04-04T13:21:50Z","https://github.com/nuxt/nuxt.com/issues/250",0.7559814,{"labels":2043,"number":2044,"owner":1988,"repository":1988,"state":2026,"title":2045,"updated_at":2046,"url":2047,"score":2048},[],12181,"[Doc] AsideNavigation not being updated","2023-01-19T15:59:15Z","https://github.com/nuxt/nuxt/issues/12181",0.7590154,{"labels":2050,"number":2051,"owner":1988,"repository":1988,"state":2026,"title":2045,"updated_at":2052,"url":2053,"score":2048},[],12221,"2023-01-19T16:00:22Z","https://github.com/nuxt/nuxt/issues/12221",{"labels":2055,"number":2056,"owner":1988,"repository":1988,"state":2026,"title":2045,"updated_at":2057,"url":2058,"score":2048},[],12602,"2023-01-19T16:07:57Z","https://github.com/nuxt/nuxt/issues/12602",{"description":2060,"labels":2061,"number":2066,"owner":1988,"repository":1988,"state":2026,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.4.0`\r\n- Nuxt Version: `3.7.0`\r\n- CLI Version: `3.7.2`\r\n- Nitro Version: `2.6.2`\r\n- Package Manager: `npm@9.7.2`\r\n- Builder: `-`\r\n- User Config: `runtimeConfig`, `css`, `vite`, `nitro`, `components`, `meta`, `buildModules`, `modules`, `googleAnalytics`, `pwa`, `i18n`, `facebook`, `plausible`, `build`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.8.0`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\n-| pages/\r\n---| parent/\r\n------| child.vue\r\n---| parent.vue\r\n\r\nIn the parent component insert:\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ch1>I am the parent view\u003C/h1>\r\n \u003C/div>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nIn previous versions of nuxt the parent component of a nested route was rerendered when navigating to another child route. This behaviour seems to have changed with Nuxt 3.7.0. If this is a breaking change it would be nice to update the documentation accordingly.\r\n\r\nThe documentation states to define pageMeta on the component in order to rerender it whenever a route change occurs.\r\n```\r\ndefinePageMeta({\r\n key: (route) => route.fullPath,\r\n})\r\n```\r\n\r\nThis resolves the issue, but still the behaviour differs from 3.6.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2062,2065],{"name":2063,"color":2064},"3.x","29bc7f",{"name":1985,"color":1986},22881,"Parent route does not rerender on 3.7","2023-08-29T13:10:04Z","https://github.com/nuxt/nuxt/issues/22881",0.76096374,{"description":2072,"labels":2073,"number":2080,"owner":1988,"repository":1988,"state":2026,"title":2081,"updated_at":2082,"url":2083,"score":2084},"### What problem does this feature solve?\n\nHello,\n\nI have tried to fight with this issue couple of times for now.\n\nI have a page running on default layout.\nThe page contains a form that will switch form with success page after filling.\n\nSometimes users would like to refresh the page by clicking the logo/router-link.\n\nBut when current page is active the router wont refresh the page.\nHow could i do that?\n\nI have tried to add :key to everywhere.\nI found this but not working => https://github.com/nuxt/nuxt.js/issues/2285\n\n### What does the proposed changes look like?\n\nI think it would be good to have a option for template. That by default wont allow refreshing/reloading and when re clicking it reloads.\n\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8391\">#c8391\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2074,2077],{"name":2075,"color":2076},"enhancement","8DEF37",{"name":2078,"color":2079},"2.x","d4c5f9",4667,"Refresh page on when clicking same page router link.","2023-01-22T15:50:48Z","https://github.com/nuxt/nuxt/issues/4667",0.7632714,["Reactive",2086],{},["Set"],["ShallowReactive",2089],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"6pYpp0cr6wag5u5ppt4k7nyI-OR6i7zIAIargSuKbNg":-1},"/nuxt/nuxt.com/820"]