to app.vue\n8. start the project via npm run dev\n9. open created localhost link in browser\n[Minimal reproduction link](https://stackblitz.com/edit/github-dksvnc-l71vra)\n\n### Describe the bug\n\nRunning in development mode (and shortly seems to be an issue for production build also) and opening app in browser leads to error in Vue Router. You can still get it work by redirecting to other path by clicking the link to another page, but the error will return after page refresh which is extremely uncomfartable for local work\n\nSetting ssr: false in nuxt.config.ts solves this issue, but we need ssr: true for the project\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue Router warn]: uncaught error during route navigation:\nCannot destructure property '__webpack_ids__' of 'data' as it is undefined.\n\n at installChunk (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async Promise.all (index 0)\n at setup (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at applyPlugin (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at executePlugin (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at applyPlugins (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at createNuxtAppServer (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at async Object.renderToString (/D:/dev/text-nuxt/node_modules/vue-bundle-renderer/dist/runtime.mjs:173:19)\n```",[2856,2859,2862],{"name":2857,"color":2858},"bug","d73a4a",{"name":2860,"color":2861},"webpack","650C6F",{"name":2863,"color":2864},"❗ p4-important","D93F0B",30165,"nuxt","open","[Vue Router warn]: uncaught error during route navigation when building with webpack","2024-12-17T06:37:23Z","https://github.com/nuxt/nuxt/issues/30165",0.67201775,{"labels":2873,"number":2889,"owner":2866,"repository":2866,"state":2867,"title":2890,"updated_at":2891,"url":2892,"score":2893},[2874,2877,2880,2883,2886],{"name":2875,"color":2876},"enhancement","8DEF37",{"name":2878,"color":2879},"dx","C39D69",{"name":2881,"color":2882},"upstream","E8A36D",{"name":2884,"color":2885},"🍰 p2-nice-to-have","0E8A16",{"name":2887,"color":2888},"needs reproduction","FBCA04",29697,"Long Warning for Missing Component in Nuxt 3","2025-03-03T10:55:01Z","https://github.com/nuxt/nuxt/issues/29697",0.6859591,{"description":2895,"labels":2896,"number":2897,"owner":2866,"repository":2898,"state":2867,"title":2899,"updated_at":2900,"url":2901,"score":2902},"i think the example code should use \r\n`// Current implementation\r\npreviousTodos.value = todos.value;\r\n\r\n// Proposed change\r\npreviousTodos.value = [...todos.value];`",[],1653,"nuxt.com","Docs (useNuxtData => #Optimistic Updates).Incorrect Use of Reference Assignment in previousTodos.value = todos.value","2025-03-21T19:43:40Z","https://github.com/nuxt/nuxt.com/issues/1653",0.688941,{"description":2904,"labels":2905,"number":2909,"owner":2866,"repository":2866,"state":2910,"title":2911,"updated_at":2912,"url":2913,"score":2914},"\r\n**(Need Help) Encountering Warnings When Using Nuxt3 + shadcnUI and Unsure How to Fix Them**\r\n\r\nHere’s the component code:\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { DialogRoot, VisuallyHidden } from \"radix-vue\";\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv id=\"index-side-bar\">\r\n \u003Cslot />\r\n \u003CSheet :default-open=\"true\">\r\n \u003CSheetContent :side=\"'left'\" class=\"outline-0 p-0 w-[240px] z-[99999]\">\r\n \u003CVisuallyHidden>\r\n \u003CSheetHeader>\r\n \u003CSheetTitle>dialog\u003C/SheetTitle>\r\n \u003CSheetDescription>description\u003C/SheetDescription>\r\n \u003C/SheetHeader>\r\n \u003C/VisuallyHidden>\r\n \u003Cdiv style=\"width: 100%; height: 100vh; display: flex; flex-direction: column;\">\r\n \u003C!-- Header -->\r\n \u003Cdiv class=\"w-full h-[56px] flex items-center sm:h-[48px]\">\r\n \u003Cdiv class=\"w-full h-[56px] flex items-center ml-[14px] sm:ml-[16px]\">\r\n \u003Cdiv class=\"w-10 h-10 flex items-center justify-center sm:hidden\">\r\n \u003C!-- SVG Icon Placeholder -->\r\n \u003C/div>\r\n \u003Cdiv class=\"w-[120px] h-[56px] sm:w-auto sm:h-[48px]\" style=\"display: flex; justify-content: center; align-items: center;\">\r\n \u003Cdiv class=\"w-[94px] h-[30px]\">\r\n \u003C!-- Logo Placeholder -->\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C!-- Footer -->\r\n \u003Cdiv class=\"sidebar_toolbar\">\r\n \u003CSheetClose class=\"outline-0\">\r\n \u003CNuxtLayout name=\"tab-toolbar-nav-menu\" />\r\n \u003C/SheetClose>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/SheetContent>\r\n \u003C/Sheet>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nShadcnUI Sheet.vue:\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { DialogRoot, type DialogRootEmits, type DialogRootProps, useForwardPropsEmits } from 'radix-vue';\r\n\r\nconst props = defineProps\u003CDialogRootProps>();\r\nconst emits = defineEmits\u003CDialogRootEmits>();\r\nconst forwarded = useForwardPropsEmits(props, emits);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CDialogRoot v-bind=\"forwarded\">\r\n \u003Cslot />\r\n \u003C/DialogRoot>\r\n\u003C/template>\r\n```\r\n\r\n**The warning message:**\r\n\r\n```text\r\n[Vue warn]: Extraneous non-props attributes (data-v-e01f9c95) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.\r\n at \u003CDialogRoot defaultOpen=true onUpdate:open=fn data-v-e01f9c95=\"\" >\r\n at \u003CSheet default-open=true >\r\n at \u003CSideBar ref=Ref\u003C undefined > >\r\n```\r\n\r\nThis warning has appeared multiple times and only occurs on the server side. No warnings appear on the client side.\r\n\r\nThrough testing, I found that switching to the `DialogRoot` component eliminates the warnings. The warnings reappear when using the `Sheet` component.\r\n\r\nHere’s the alternative component:\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { DialogRoot, VisuallyHidden } from \"radix-vue\";\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv id=\"index-side-bar\">\r\n \u003Cslot />\r\n \u003CDialogRoot :default-open=\"true\">\r\n \u003CSheetContent :side=\"'left'\" class=\"outline-0 p-0 w-[240px] z-[99999]\">\r\n \u003CVisuallyHidden>\r\n \u003CSheetHeader>\r\n \u003CSheetTitle>dialog\u003C/SheetTitle>\r\n \u003CSheetDescription>description\u003C/SheetDescription>\r\n \u003C/SheetHeader>\r\n \u003C/VisuallyHidden>\r\n \u003Cdiv style=\"width: 100%; height: 100vh; display: flex; flex-direction: column;\">\r\n \u003C!-- Header -->\r\n \u003Cdiv class=\"w-full h-[56px] flex items-center sm:h-[48px]\">\r\n \u003Cdiv class=\"w-full h-[56px] flex items-center ml-[14px] sm:ml-[16px]\">\r\n \u003Cdiv class=\"w-10 h-10 flex items-center justify-center sm:hidden\">\r\n \u003C!-- SVG Icon Placeholder -->\r\n \u003C/div>\r\n \u003Cdiv class=\"w-[120px] h-[56px] sm:w-auto sm:h-[48px]\" style=\"display: flex; justify-content: center; align-items: center;\">\r\n \u003Cdiv class=\"w-[94px] h-[30px]\">\r\n \u003C!-- Logo Placeholder -->\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C!-- Footer -->\r\n \u003Cdiv class=\"sidebar_toolbar\">\r\n \u003CSheetClose class=\"outline-0\">\r\n \u003CNuxtLayout name=\"tab-toolbar-nav-menu\" />\r\n \u003C/SheetClose>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/SheetContent>\r\n \u003C/DialogRoot>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n**When using DevTools**, the same warning occurs, similar to the server-side warning, but it doesn’t appear on the client side:\r\n\r\n```text\r\n[Vue warn]: Extraneous non-props attributes (data-v-inspector) were passed to component but could not be automatically inherited because component renders fragment or text root nodes.\r\n at \u003CDialogRoot default-open=true data-v-inspector=\"layouts/index/SideBar.vue:16:7\" >\r\n at \u003CSideBar data-v-inspector=\"app.vue:4:7\" ref=Ref\u003C undefined > >\r\n at \u003CLayoutLoader key=\"index-side-bar\" layoutProps= { 'data-v-inspector': 'app.vue:4:7',\r\n```\r\n\r\nI have already disabled DevTools with `componentInspector: false`.\r\n\r\nGitHub link: [Nuxt DevTools Issue #722](https://github.com/nuxt/devtools/issues/722).\r\n",[2906],{"name":2907,"color":2908},"pending triage","E99695",29002,"closed","(Need Help) Encountering Warnings When Using Nuxt3 + shadcnUI and Unsure How to Fix Them","2024-09-17T08:13:28Z","https://github.com/nuxt/nuxt/issues/29002",0.66477233,{"labels":2916,"number":2921,"owner":2866,"repository":2866,"state":2910,"title":2922,"updated_at":2923,"url":2924,"score":2925},[2917,2920],{"name":2918,"color":2919},"3.x","29bc7f",{"name":2907,"color":2908},14101,"dev error: (node:42372) Warning: To load an ES module, set \"type\": \"module\" in the package.json or use the .mjs extension. (Use `node --trace-warnings ...` to show where the warning was created)","2024-08-18T21:58:56Z","https://github.com/nuxt/nuxt/issues/14101",0.6650188,{"labels":2927,"number":2934,"owner":2866,"repository":2866,"state":2910,"title":2935,"updated_at":2936,"url":2937,"score":2938},[2928,2929,2930,2933],{"name":2918,"color":2919},{"name":2857,"color":2858},{"name":2931,"color":2932},"components","05B979",{"name":2863,"color":2864},13538,"Autoimport components dir","2023-10-06T09:49:35Z","https://github.com/nuxt/nuxt/issues/13538",0.6666113,{"description":2940,"labels":2941,"number":2949,"owner":2866,"repository":2950,"state":2910,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.11.1\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: css, compatibilityDate, devtools, future, modules, runtimeConfig, ssr, typescript\n- Runtime Modules: @nuxt/eslint@1.4.0, @nuxt/fonts@0.11.4, @nuxt/ui-pro@3.1.2, @pinia/nuxt@0.5.5, @vueuse/nuxt@10.11.1, nuxt-auth-utils@0.5.20, nuxt-authorization@0.3.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.2\n\n### Reproduction\n\nJust use the code of https://github.com/nuxt-ui-pro/dashboard/blob/main/app/pages/settings.vue and add a child to one of the links used for the UNavigationMenu. Like :\n````\n{\n label: \"General\",\n icon: \"i-lucide-user\",\n to: \"/settings\",\n children: [\n {\n label: \"Hello\",\n icon: \"i-lucide-book-open\",\n },\n ],\n exact: true,\n },\n````\n\n### Description\n\nIt seems wrapping the UNavigationMenu component in UDashboardToolbar will cause the UNavigationMenu's links children dropdown to not appear or be hidden.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2942,2943,2946],{"name":2857,"color":2858},{"name":2944,"color":2945},"v3","49DCB8",{"name":2947,"color":2948},"nuxt/ui-pro","00dc82",4177,"ui","UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.6732495,{"labels":2956,"number":2957,"owner":2866,"repository":2866,"state":2910,"title":2935,"updated_at":2958,"url":2959,"score":2960},[],13657,"2023-01-19T17:02:40Z","https://github.com/nuxt/nuxt/issues/13657",0.67771864,{"description":2962,"labels":2963,"number":2966,"owner":2866,"repository":2866,"state":2910,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Environment\r\n\r\n- Nuxt Version: 3.12.1\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Builder: -\r\n- User Config: devtools, pages, css, modules, runtimeConfig, eslint, primevue, i18n, pinia, tailwindcss\r\n- Runtime Modules: @nuxt/eslint@0.3.13, nuxt-primevue@4.0.0-beta.4, @nuxtjs/i18n@8.3.1, @pinia/nuxt@0.5.1, @nuxtjs/tailwindcss@6.12.0, nuxt-icon@0.6.10, @vueuse/nuxt@10.10.1, nuxt-zod-i18n@1.8.0, @nuxt/image@1.7.0\r\n\r\n### Reproduction\r\n\r\nUse any nuxt-primevue component in Nuxt 3.12+\r\n\r\n### Describe the bug\r\n\r\nAfter update to 3.12 nuxt creates massive amount of warnings when used with PrimeVue, as it's BaseComponent reads \"pt\" key from config.\r\n\r\n\r\nhttps://github.com/primefaces/primevue/blob/master/components/lib/basecomponent/BaseComponent.vue\r\n\r\n### Additional context\r\n\r\nAlthough optional chaining is used in PrimeVue it still uses \"get\" method of proxy object, so I am kinda unsure if it should be fixed on your side with some kind of config for list of keys to ignore or on PrimeVue side with some other way, e. g. with \"key in object\" check.\r\n\r\n### Logs\r\n\r\n_No response_",[2964,2965],{"name":2918,"color":2919},{"name":2907,"color":2908},27560,"Massive amount of warnings with PrimeVue","2024-06-12T11:40:09Z","https://github.com/nuxt/nuxt/issues/27560",0.6821193,{"description":2972,"labels":2973,"number":2980,"owner":2866,"repository":2866,"state":2910,"title":2981,"updated_at":2982,"url":2983,"score":2984},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.10.0`\r\n- Nuxt Version: `3.13.0`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `bun@1.1.26`\r\n- Builder: `-`\r\n- User Config: `experimental`, `devtools`, `modules`, `ssr`, `tailwindcss`, `routeRules`, `router`, `hooks`, `electron`, `imports`, `runtimeConfig`, `nitro`\r\n- Runtime Modules: `nuxt-electron@0.7.0`, `@nuxtjs/tailwindcss@6.12.1`, `nuxt-icon@0.6.10`, `@vueuse/nuxt@10.11.1`, `@nuxt/image@1.7.1`, `@pinia/nuxt@0.5.4`, `unplugin-icons/nuxt`, `@vueuse/motion/nuxt@2.2.3`, `floating-vue/nuxt`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nhttps://github.com/primefaces/primevue/issues/6283\n\n### Describe the bug\n\nWhen using `custom` with NuxtLink, like so:\r\n```vue\r\n \u003CNuxtLink\r\n v-slot=\"{ navigate, isActive }\"\r\n :to=\"item.href\"\r\n custom\r\n />\r\n```\r\n\r\n\r\nthe browser console throws following warning:\r\n\r\n```\r\nExtraneous non-emits event listeners (pointerenter, focus) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event listener only, declare it using the \"emits\" option. \r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2974,2975,2978],{"name":2857,"color":2858},{"name":2976,"color":2977},"pages","00DFB5",{"name":2979,"color":2888},"🔨 p3-minor",28732,"NuxtLink with custom directive is throwing console warning","2024-08-28T11:32:00Z","https://github.com/nuxt/nuxt/issues/28732",0.6827188,["Reactive",2986],{},["Set"],["ShallowReactive",2989],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_kVY0ecpSflirf3ieVJ3KrF0VPMiYnyRUTL3yfr8gV8":-1},"/nuxt/ui/4257"]