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```",[3139,3142,3145],{"name":3140,"color":3141},"bug","d73a4a",{"name":3143,"color":3144},"webpack","650C6F",{"name":3146,"color":3147},"❗ 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":3156,"number":3172,"owner":3149,"repository":3149,"state":3150,"title":3173,"updated_at":3174,"url":3175,"score":3176},[3157,3160,3163,3166,3169],{"name":3158,"color":3159},"enhancement","8DEF37",{"name":3161,"color":3162},"dx","C39D69",{"name":3164,"color":3165},"upstream","E8A36D",{"name":3167,"color":3168},"🍰 p2-nice-to-have","0E8A16",{"name":3170,"color":3171},"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":3178,"labels":3179,"number":3180,"owner":3149,"repository":3181,"state":3150,"title":3182,"updated_at":3183,"url":3184,"score":3185},"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":3187,"labels":3188,"number":3195,"owner":3149,"repository":3196,"state":3197,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### Description\n\nI used \"UNavigationMenu\" according to the documentation, but a vue warn message appeared in the workbench. The reason was that the incoming item props caused 「toRefs() to expect a reactive object but received a plain one」.",[3189,3192],{"name":3190,"color":3191},"question","d876e3",{"name":3193,"color":3194},"v3","49DCB8",4392,"ui","closed","UNavigationMenu have [Vue warn] toRefs() for items props","2025-06-24T10:05:44Z","https://github.com/nuxt/ui/issues/4392",0.6297087,{"description":3203,"labels":3204,"number":3215,"owner":3149,"repository":3196,"state":3197,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.11.0`\n- Nuxt Version: `3.16.2`\n- CLI Version: `3.24.1`\n- Nitro Version: `2.11.9`\n- Package Manager: `pnpm@9.12.2`\n- Builder: `-`\n- User Config: `future`, `compatibilityDate`, `devtools`, `modules`, `css`\n- Runtime Modules: `@nuxt/ui@3.0.2`, `@vueuse/nuxt@13.1.0`, `@vue-macros/nuxt@3.0.0-beta.8`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/new-star-4x9vqf\n\njust run the repo check in terminal for warnings\n\n### Description\n\nhi, \n\ni am getting type warnings like this for all components, every thing works fine, i am not even using typescript in my Vue SFC\n\n```\n WARN warning: unplugin-vue-better-define TransformError: Cannot resolve TS type: ButtonProps 11:01:47 pm \n Plugin: unplugin-vue-better-define\n File: F:/node-local/nuxt-apps/nuxt-with-nuxt-ui/node_modules/.pnpm/@nuxt+ui@3.0.2_@babel+parser@7.27.0_db0@0.3.1_embla-carousel@8.6.0_ioredis@5.6.1_magicast@0.3_eiavxvfntsids5hrxwa6ymgw74/node_modules/@nuxt/ui/dist/runtime/components/Button.vue\n\n\n WARN warning: unplugin-vue-better-define TransformError: Cannot resolve TS type: LinkProps 11:01:46 pm \n Plugin: unplugin-vue-better-define\n File: F:/node-local/nuxt-apps/nuxt-with-nuxt-ui/node_modules/.pnpm/@nuxt+ui@3.0.2_@babel+parser@7.27.0_db0@0.3.1_embla-carousel@8.6.0_ioredis@5.6.1_magicast@0.3_eiavxvfntsids5hrxwa6ymgw74/node_modules/@nuxt/ui/dist/runtime/components/Link.vue\n\n\n WARN Cannot resolve TS type: LinkProps 11:01:46 pm \n\n at /F:/node-local/nuxt-apps/nuxt-with-nuxt-ui/node_modules/.pnpm/@vue-macros+api@3.0.0-beta.8_vue@3.5.13_typescript@5.8.3_/node_modules/@vue-macros/api/dist/index.js:1308:13 \n\n\n```\n\n### Additional context\n\nif i remove the `@vue-macros/nuxt` plugin all warnings gone\n\n### Logs\n\n```shell-script\n\n```",[3205,3206,3207,3210,3213],{"name":3140,"color":3141},{"name":3193,"color":3194},{"name":3208,"color":3209},"triage","ffffff",{"name":3211,"color":3212},"closed-by-bot","ededed",{"name":3214,"color":3212},"stale",3909,"conflict with @vue-macros/nuxt 'Type warnings'","2025-08-20T02:09:00Z","https://github.com/nuxt/ui/issues/3909",0.6629326,{"description":3221,"labels":3222,"number":3226,"owner":3149,"repository":3149,"state":3197,"title":3227,"updated_at":3228,"url":3229,"score":3230},"\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",[3223],{"name":3224,"color":3225},"pending triage","E99695",29002,"(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":3232,"number":3237,"owner":3149,"repository":3149,"state":3197,"title":3238,"updated_at":3239,"url":3240,"score":3241},[3233,3236],{"name":3234,"color":3235},"3.x","29bc7f",{"name":3224,"color":3225},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":3243,"number":3250,"owner":3149,"repository":3149,"state":3197,"title":3251,"updated_at":3252,"url":3253,"score":3254},[3244,3245,3246,3249],{"name":3234,"color":3235},{"name":3140,"color":3141},{"name":3247,"color":3248},"components","05B979",{"name":3146,"color":3147},13538,"Autoimport components dir","2023-10-06T09:49:35Z","https://github.com/nuxt/nuxt/issues/13538",0.6666113,{"description":3256,"labels":3257,"number":3263,"owner":3149,"repository":3196,"state":3197,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### 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```",[3258,3259,3260],{"name":3140,"color":3141},{"name":3193,"color":3194},{"name":3261,"color":3262},"nuxt/ui-pro","00dc82",4177,"UNavigationMenu item children not visible when wrapped in UDashboardToolbar","2025-05-23T12:23:17Z","https://github.com/nuxt/ui/issues/4177",0.6732495,{"labels":3269,"number":3270,"owner":3149,"repository":3149,"state":3197,"title":3251,"updated_at":3271,"url":3272,"score":3273},[],13657,"2023-01-19T17:02:40Z","https://github.com/nuxt/nuxt/issues/13657",0.6777186,["Reactive",3275],{},["Set"],["ShallowReactive",3278],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_kVY0ecpSflirf3ieVJ3KrF0VPMiYnyRUTL3yfr8gV8":-1},"/nuxt/ui/4257"]