\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n```shell-script\r\nTS2322: Type 'string | null | undefined' is not assignable to type 'string | number | undefined'.\r\n```\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nconst value = ref\u003Cboolean|undefined>();\r\nconst options = [\r\n {\r\n label: 'Yes',\r\n value: true\r\n },\r\n {\r\n label: 'No',\r\n value: false\r\n },\r\n {\r\n label: 'None selected',\r\n value: undefined\r\n }\r\n];\r\n\u003C/script>\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CUSelectMenu\r\n :options=\"options\"\r\n v-model=\"value\"\r\n value-attribute=\"value\" option-attribute=\"label\"\r\n />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n```shell-script\r\nTS2322: Type 'boolean | undefined' is not assignable to type 'string | number | Record\u003Cstring, any> | unknown[] | undefined'.\r\n```\r\n\r\n### Additional context\r\n\r\n\r\n### Logs\r\n\r\n```shell-script\r\napp.vue:14:15 - error TS2322: Type 'string | null | undefined' is not assignable to type 'string | number | undefined'.\r\n\r\n14 \u003CUInput v-model.trim=\"inputValue\" />\r\n ~~~~~~~~~~\r\n\r\n node_modules/@nuxt/ui/dist/runtime/components/forms/Input.vue.d.ts:244:5\r\n 244 modelValue: string | number;\r\n ~~~~~~~~~~\r\n The expected type comes from property 'modelValue' which is declared here on type 'Partial\u003C{ size: InputSize; ui: any; id: string; icon: string; color: any; type: string; class: any; name: string; modelValue: string | number; leading: boolean; variant: InputVariant; ... 12 more ...; modelModifiers: { ...; }; }> & Omit\u003C...> & Record\u003C...>'\r\n\r\n\r\nFound 1 error in app.vue:14\r\n```\r\n",[3172,3173,3176],{"name":3154,"color":3155},{"name":3174,"color":3175},"closed-by-bot","ededed",{"name":3177,"color":3175},"stale",1710,"ui","closed","Unable to use boolean values with USelectMenu or null with UInput","2025-06-19T02:12:37Z","https://github.com/nuxt/ui/issues/1710",0.65703243,{"description":3186,"labels":3187,"number":3192,"owner":3163,"repository":3179,"state":3180,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.3\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: npm@11.3.0\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, fonts, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.3.1, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.2.0, @nuxtjs/i18n@9.5.4, nuxt-security@2.2.0, @nuxt/ui@3.1.2\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\nhttps://codesandbox.io/p/devbox/sharp-christian-kzdxt9?file=%2Fapp%2Fpages%2Findex.vue\n\n### Description\n\nStarting from v3.1.2, using the [built-in v-model-modifiers](https://vuejs.org/guide/essentials/forms.html#modifiers) produces type errors. They are still working tho, so its only a type issue.\n\nReproduction:\n1. Open provided link\n2. Run `pnpx nuxi typecheck`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n➜ workspace git:(master) ✗ pnpx nuxi typecheck\nPackages: +1\n+\nProgress: resolved 1, reused 1, downloaded 0, added 1, done\nℹ Nuxt Icon server bundle mode is set to local 11:09:23 AM\n✔ Nuxt Icon discovered local-installed 2 collections: lucide, simple-icons 11:09:25 AM\nℹ Running with compatibility version 4 nuxt 11:09:25 AM\napp/pages/index.vue:8:22 - error TS2353: Object literal may only specify known properties, and 'modelModifiers' does not exist in type '{ readonly onBlur?: ((event: FocusEvent) => any) | undefined; readonly onChange?: ((event: Event) => any) | undefined; readonly \"onUpdate:modelValue\"?: ((payload: number) => any) | undefined; ... 24 more ...; modelValue?: number | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps'.\n\n8 \u003CUInput v-model.number=\"myNumber\" type=\"number\" />\n ~~~~~~~\n\napp/pages/index.vue:9:22 - error TS2353: Object literal may only specify known properties, and 'modelModifiers' does not exist in type '{ readonly onBlur?: ((event: FocusEvent) => any) | undefined; readonly onChange?: ((event: Event) => any) | undefined; readonly \"onUpdate:modelValue\"?: ((payload: string) => any) | undefined; ... 24 more ...; modelValue?: string | undefined; } & VNodeProps & AllowedComponentProps & ComponentCustomProps'.\n\n9 \u003CUInput v-model.lazy=\"myText\" />\n ~~~~~\n\n\nFound 2 errors in the same file, starting at: app/pages/index.vue:8\n\n\n ERROR Process exited with non-zero status (2) 11:09:41 AM\n\n at R._waitForOutput (/root/.cache/pnpm/v3/tmp/dlx-4483/node_modules/.pnpm/nuxi@3.25.1/node_modules/nuxi/dist/chunks/main.mjs:508:13)\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async Object.run (/root/.cache/pnpm/v3/tmp/dlx-4483/node_modules/.pnpm/nuxi@3.25.1/node_modules/nuxi/dist/chunks/typecheck.mjs:91:9)\n at async runCommand$1 (/root/.cache/pnpm/v3/tmp/dlx-4483/node_modules/.pnpm/nuxi@3.25.1/node_modules/nuxi/dist/shared/nuxi.BlFGnQYG.mjs:1767:16)\n at async runCommand$1 (/root/.cache/pnpm/v3/tmp/dlx-4483/node_modules/.pnpm/nuxi@3.25.1/node_modules/nuxi/dist/shared/nuxi.BlFGnQYG.mjs:1758:11)\n at async runMain$1 (/root/.cache/pnpm/v3/tmp/dlx-4483/node_modules/.pnpm/nuxi@3.25.1/node_modules/nuxi/dist/shared/nuxi.BlFGnQYG.mjs:1896:7) \n\n\n\n ERROR Process exited with non-zero status (2)\n```",[3188,3189],{"name":3154,"color":3155},{"name":3190,"color":3191},"v3","49DCB8",4166,"Built-in v-model modifiers produce type errors with v3.1.2","2025-05-22T12:51:25Z","https://github.com/nuxt/ui/issues/4166",0.6635916,{"description":3198,"labels":3199,"number":3202,"owner":3163,"repository":3179,"state":3180,"title":3203,"updated_at":3204,"url":3205,"score":3206},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.3.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxt/eslint@0.7.4\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\n1. Create a new project with: `pnpx nuxi@latest init -t ui3 nuxt-ui3`\n2. Add the following dependencies in `package.json`\n```json\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\",\n \"lint\": \"eslint .\",\n \"lint:fix\": \"eslint --fix .\"\n },\n \"dependencies\": {\n \"@iconify-json/lucide\": \"^1.2.16\",\n \"@nuxt/ui\": \"3.0.0-alpha.10\",\n \"@nuxt/ui-pro\": \"3.0.0-alpha.10\",\n \"nuxt\": \"^3.15.0\"\n },\n \"devDependencies\": {\n \"@nuxt/devtools\": \"latest\",\n \"@nuxt/eslint\": \"^0.7.2\",\n \"eslint\": \"^9.15.0\",\n \"typescript\": \"^5.7.2\"\n }\n}\n```\n\n3. Add following in `nuxt.config.ts`\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n extends: [\"@nuxt/ui-pro\"],\n modules: [\"@nuxt/ui\", \"@nuxt/eslint\"],\n css: [\"~/assets/css/main.css\"],\n\n future: {\n compatibilityVersion: 4,\n },\n\n compatibilityDate: \"2024-11-27\",\n});\n```\n\n4. Got the following error\n```bash\n> nuxt-app@ dev /Users/ayush/Projects/NodeProjects/nuxt-ui3\n> nuxt dev\n\nNuxt 3.15.0 with Nitro 2.10.4 2:17:28 PM\n\n ERROR Cannot read properties of undefined (reading 'options') 2:17:28 PM\n\n at Object.normalizedModule [as config] (node_modules/.pnpm/@nuxt+kit@3.15.0_magicast@0.3.5_rollup@4.29.1/node_modules/@nuxt/kit/dist/index.mjs:2119:12)\n at resolveConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:348:28)\n at async extendConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:255:21)\n at async loadConfig (node_modules/.pnpm/c12@2.0.1_magicast@0.3.5/node_modules/c12/dist/shared/c12.B4fc1S0C.mjs:187:5)\n at async loadNuxtConfig (node_modules/.pnpm/@nuxt+kit@3.15.0_magicast@0.3.5_rollup@4.29.1/node_modules/@nuxt/kit/dist/index.mjs:2535:18)\n at async Object.run (node_modules/.pnpm/nuxi@3.17.2/node_modules/nuxi/dist/chunks/dev.mjs:170:25)\n at async runCommand$1 (node_modules/.pnpm/nuxi@3.17.2/node_modules/nuxi/dist/shared/nuxi.DSPrE7vg.mjs:1767:16)\n at async runCommand$1 (node_modules/.pnpm/nuxi@3.17.2/node_modules/nuxi/dist/shared/nuxi.DSPrE7vg.mjs:1758:11)\n at async runMain$1 (node_modules/.pnpm/nuxi@3.17.2/node_modules/nuxi/dist/shared/nuxi.DSPrE7vg.mjs:1896:7) \n\n ERROR Cannot read properties of undefined (reading 'options') 2:17:28 PM\n\n ELIFECYCLE Command failed with exit code 1.\n```\n\n### Description\n\n**Actual Output**: The app doesn't start.\n\n**Expected Output**: The app should start properly.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3200,3201],{"name":3154,"color":3155},{"name":3190,"color":3191},3005,"`Cannot read properties of undefined (reading 'options')` when using `@nuxt/ui-pro` v3.0.0-alpha.10","2025-01-25T13:12:12Z","https://github.com/nuxt/ui/issues/3005",0.67038745,{"description":3208,"labels":3209,"number":3218,"owner":3163,"repository":3163,"state":3180,"title":3219,"updated_at":3220,"url":3221,"score":3222},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.10.0\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: typescript, devtools, modules, css, app, imports, vite, i18n\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.4, @nuxtjs/i18n@8.1.1, @vueuse/nuxt@10.8.0, nuxt-swiper@1.2.2, @pinia/nuxt@0.5.1\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-xnzjj4?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nThe error is reproduced if you use an existing component inside \"ClientOnly\". Doesn't play when using template lang=\"html\"\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n[nitro] [unhandledRejection] ReferenceError: _component_AppIcon is not defined",[3210,3213,3216,3217],{"name":3211,"color":3212},"good first issue","fbca04",{"name":3214,"color":3215},"3.x","29bc7f",{"name":3154,"color":3155},{"name":3157,"color":3158},26137,"Component \"ClientOnly\" does not work correctly with template lang=\"pug\"","2024-03-09T12:38:09Z","https://github.com/nuxt/nuxt/issues/26137",0.67403054,{"description":3224,"labels":3225,"number":3228,"owner":3163,"repository":3163,"state":3180,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: -\r\n- Package Manager: pnpm@8.7.5\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/nicolaspayot/nuxt-route-rules-undefined/\r\n\r\n- `git clone git@github.com:nicolaspayot/nuxt-route-rules-undefined.git`\r\n- `pnpm i`\r\n- `pnpm run dev`\r\n---\r\n- Go to http://localhost:3000/\r\n- Open console in browser DevTools\r\n- Click on \"Update query\" button on the page\r\n- Notice the following error 👇 \r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nWhen using `navigateTo` with `{external: true}` on client side (outside of a route middleware), we can have the following error (in particular cases):\r\n```\r\nTypeError: Cannot read properties of undefined (reading 'appMiddleware')\r\n```\r\nThis comes from [this code](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/pages/runtime/plugins/router.ts#L185):\r\n```js\r\nconst routeRules = await nuxtApp.runWithContext(() => getRouteRules(to.path));\r\nif (routeRules.appMiddleware) { ... }\r\n```\r\nSomehow, `routeRules` is `undefined`.\r\n\r\nIt's happening when the `navigateTo` function is calling `nuxtApp._scope.stop()`, [here](https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/composables/router.ts#L190).\r\n\r\nNow, I believe that this can be avoided with a more \"correct\" usage on our end (we get the warning `[Vue warn] cannot run an inactive effect scope.` before the runtime error occurs).\r\n\r\nHowever, in the reproduction example, I tried to mimic real production usage that we have:\r\n\r\n- A user is performing an action on the page\r\n- This actions triggers a state update in a Pinia store\r\n- This state is watched to update the URL (`router.push`)\r\n- By watching some derived data from the state, we might call `navigateTo` with `{external: true}`\r\n\r\nI'm very willing to fix this issue. For example, we could check if `routeRules` is not `undefined` before trying to access `appMiddleware`.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3226,3227],{"name":3214,"color":3215},{"name":3157,"color":3158},26756,"TypeError: Cannot read properties of undefined (reading 'appMiddleware')","2024-04-23T09:34:43Z","https://github.com/nuxt/nuxt/issues/26756",0.67494017,{"description":3234,"labels":3235,"number":3237,"owner":3163,"repository":3238,"state":3180,"title":3239,"updated_at":3240,"url":3241,"score":3242},"### 🐛 The bug\n\n\r\n```\r\n ERROR(vue-tsc) Binding element 'Vimeo' implicitly has an 'any' type.\r\n FILE D:/dev/test1/node_modules/.pnpm/@nuxt+scripts@0.8.4_@nuxt+devtools@1.4.1_rollup@4.21.2_vite@5.4.3_@types+node@22.5.4_terser@5_npscaliduljzxdqaosyipgid7y/node_modules/@nuxt/scripts/dist/runtime/components/ScriptVimeoPlayer.vue:187:21\r\n\r\n 185 |\r\n 186 | onMounted(() => {\r\n > 187 | onLoaded(async ({ Vimeo }) => {\r\n | ^^^^^\r\n 188 | const vimeoOptions = props.vimeoOptions || {}\r\n 189 | if (!vimeoOptions.id && props.id) {\r\n 190 | vimeoOptions.id = props.id\r\n\r\n ERROR(vue-tsc) Parameter 'instance' implicitly has an 'any' type.\r\n FILE D:/dev/test1/node_modules/.pnpm/@nuxt+scripts@0.8.4_@nuxt+devtools@1.4.1_rollup@4.21.2_vite@5.4.3_@types+node@22.5.4_terser@5_npscaliduljzxdqaosyipgid7y/node_modules/@nuxt/scripts/dist/runtime/components/ScriptYouTubePlayer.vue:61:19 \r\n\r\n 59 | }\r\n 60 | onMounted(() => {\r\n > 61 | onLoaded(async (instance) => {\r\n | ^^^^^^^^\r\n 62 | const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT\r\n 63 | await new Promise\u003Cvoid>((resolve) => {\r\n 64 | if (typeof YT.Player === 'undefined')\r\n\r\n[vue-tsc] Found 2 errors. Watching for file changes.\r\n```\r\n\r\n\r\n\r\nWhen using [Nuxt Devtools](https://github.com/nuxt/devtools) in typescript strict mode and enabling type check, these two errors will be occurred.\r\n\r\n```typescript\r\nexport default defineNuxtConfig({\r\n devtools: { enabled: true },\r\n modules: ['@nuxt/scripts'],\r\n typescript: {\r\n typeCheck: true,\r\n strict: true\r\n },\r\n})\r\n```\r\n\r\nI think this might be related to https://github.com/nuxt/scripts/issues/217#issuecomment-2336846827. These are same errors as what in that comment.\r\n\r\nVersions: \r\n@nuxt/scripts: 0.8.4\r\n@nuxt/devtools : 1.4.1\r\nvue-tsc: 2.0.29\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/~/github.com/ifrvn/nuxt-scripts-issue-test\n\n### 🌈 Expected behavior\n\nno error\n\n### ℹ️ Additional context\n\n_No response_",[3236],{"name":3154,"color":3155},256,"scripts"," ERROR(vue-tsc) Binding element 'Vimeo' implicitly has an 'any' type.","2024-09-09T14:05:17Z","https://github.com/nuxt/scripts/issues/256",0.6766814,{"description":3244,"labels":3245,"number":3251,"owner":3163,"repository":3179,"state":3180,"title":3252,"updated_at":3253,"url":3254,"score":3255},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.18.0\n- Nuxt Version: 3.17.7\n- CLI Version: 3.28.0\n- Nitro Version: 2.12.4\n- Package Manager: pnpm@10.14.0\n- Builder: -\n- User Config: compatibilityDate, devtools, devServer, ssr, runtimeConfig, css, colorMode, components, modules, dayjs, ui, i18n, zodI18n, sentry, sourcemap\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/scripts@0.11.9, @nuxt/test-utils/module@3.19.2, @nuxt/ui-pro@3.3.2, nuxt-zod-i18n@1.11.5, @nuxtjs/i18n@10.0.2, @pinia/nuxt@0.11.2, @vueuse/nuxt@13.1.0, dayjs-nuxt@2.1.11, nuxt-qrcode@0.4.6, @sentry/nuxt/module@9.40.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.3.2\n\n### Reproduction\n\nTry to use variant=\"ghost\" on `u-card`, `u-alert`, possibly other components. It will work, but a TypeScript error will be detected by the linter. If you add it manually to variants in `app.config.ts`, the error will be gone.\n\n### Description\n\nI need the ghost variants to align with the rest of my app. And they work fine, as can be seen in the screenshot:\n\n\u003Cimg width=\"213\" height=\"421\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/416c913d-8511-4d00-8673-118365772e8f\" />\n\n```\n\u003Cdiv class=\"space-y-2\">\n \u003Cu-card variant=\"solid\" :ui=\"{ body: 'text-white' }\">Solid\u003C/u-card>\n\n \u003Cu-card variant=\"outline\">Outline\u003C/u-card>\n\n \u003Cu-card variant=\"soft\">Soft\u003C/u-card>\n\n \u003Cu-card variant=\"subtle\">Subtle\u003C/u-card>\n\n \u003Cu-card variant=\"ghost\">Ghost\u003C/u-card>\n \u003C/div>\n\n \u003Cdiv class=\"space-y-2\">\n \u003Cu-alert variant=\"solid\">\u003Ctemplate #title>Solid\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"outline\">\u003Ctemplate #title>Outline\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"soft\">\u003Ctemplate #title>Soft\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"subtle\">\u003Ctemplate #title>Subtle\u003C/template>\u003C/u-alert>\n\n \u003Cu-alert variant=\"ghost\">\u003Ctemplate #title>Ghost\u003C/template>\u003C/u-alert>\n \u003C/div>\n```\n\nBut they throw TypeScript errors. I also see that they are not present in the docs. Is this intended or not? If so, I'd expect to have these mentioned in the docs, with the default options exposed in the `app.config.ts` template, so that they can be easily overridden if needed.\n\nAI agents in particular tend to detect these errors and try to fix them while being instructed to do other things, wasting time, tokens and possibly messing up the code.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3246,3247,3248],{"name":3154,"color":3155},{"name":3190,"color":3191},{"name":3249,"color":3250},"triage","ffffff",4778,"On some elements, variant=\"ghost\" throws TypeScript errors even though they work fine","2025-08-19T09:23:17Z","https://github.com/nuxt/ui/issues/4778",0.6767176,{"labels":3257,"number":3264,"owner":3163,"repository":3163,"state":3180,"title":3265,"updated_at":3266,"url":3267,"score":3268},[3258,3261],{"name":3259,"color":3260},"pending triage","E99695",{"name":3262,"color":3263},"2.x","d4c5f9",6894,"Typescript linting issue","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6894",0.6769368,{"description":3270,"labels":3271,"number":3276,"owner":3163,"repository":3163,"state":3180,"title":3277,"updated_at":3278,"url":3279,"score":3280},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.1\n- Builder: -\n- User Config: modules, css, ssr, devtools, future, typescript, vite, hooks, nitro, compatibilityDate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, nuxt-mikro-orm-module@0.4.1, @nuxt/eslint@1.0.1, nuxt-auth-utils@0.5.15, @nuxt/image@1.9.0\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nUse this `app.vue`:\n```\n// app.vue\n\u003Cscript setup lang=\"ts\">\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003C!-- https://github.com/nuxt/nuxt/issues/25214#issuecomment-1894051562 -->\n \u003Cdiv>\n \u003CNuxtLoadingIndicator />\n \u003CNuxtRouteAnnouncer />\n\n \u003CNuxtLayout>\n \u003CUApp>\n \u003CNuxtPage />\n \u003C/UApp>\n \u003C/NuxtLayout>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\nbody {\n @apply antialiased;\n background: var(--ui-bg-muted);\n}\n\n.dark {\n body {\n @apply antialiased;\n background: var(--ui-bg);\n }\n}\n\u003C/style>\n```\n\nGo to any page with layout, wait 10-20 sec then try to navigate to another page.\n\n### Describe the bug\n\nSame problem:\nwhen i use navigateTo cant load the page.\nNavigate using user action(navigation menu mouse click) can't load the page\n\n```\n\"nuxt\": \"^3.15.4\",\n\"vue\": \"^3.5.13\",\n\"vue-router\": \"^4.5.0\",\n\"@nuxt/ui\": \"^3.0.0-alpha.10\",\n```\nI get that warning:\n\n\nThen that error:\n\n\nHere is my `app.vue`:\n```\n\u003Cscript setup lang=\"ts\">\n\n\u003C/script>\n\n\u003Ctemplate>\n \u003C!-- https://github.com/nuxt/nuxt/issues/25214#issuecomment-1894051562 -->\n \u003Cdiv>\n \u003CNuxtLoadingIndicator />\n \u003CNuxtRouteAnnouncer />\n\n \u003CNuxtLayout>\n \u003CUApp>\n \u003CNuxtPage />\n \u003C/UApp>\n \u003C/NuxtLayout>\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle>\nbody {\n @apply antialiased;\n background: var(--ui-bg-muted);\n}\n\n.dark {\n body {\n @apply antialiased;\n background: var(--ui-bg);\n }\n}\n\u003C/style>\n```\n\n@TheAlexLichter \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3272,3273,3275],{"name":3259,"color":3260},{"name":3274,"color":3158},"needs reproduction",{"name":3174,"color":3175},31010,"Unhandled error during execution of component update, Uncaught (in promise) TypeError: node is null","2025-02-28T02:01:44Z","https://github.com/nuxt/nuxt/issues/31010",0.6792676,["Reactive",3282],{},["Set"],["ShallowReactive",3285],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5X59zIuNPysYUA1_IR9JovwilZweib2qeoEswVP6z6w":-1},"/nuxt/ui/4977"]