\r\n \u003Cmenu-side/>\r\n \u003Cpopups-facade/>\r\n \u003Cdiv\r\n v-show=\"!popupState\"\r\n class=\"page\"\r\n >\r\n \u003Cheader-component/>\r\n \u003Cv-content class=\"content\">\r\n \u003Cnuxt/>\r\n \u003C/v-content>\r\n \u003Cfooter-component/>\r\n \u003C/div>\r\n \u003C/v-app>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n import Header from '../components/Header'\r\n import MenuSide from '../components/MenuSide'\r\n import NavigationSite from '../components/NavigationSite'\r\n import FooterComponent from '../components/Footer'\r\n import PopupsFacade from '../components/PopupsFacade'\r\n import { mapState } from 'vuex'\r\n\r\n export default {\r\n components: {\r\n 'header-component': Header,\r\n 'menu-side': MenuSide,\r\n 'navigation-site': NavigationSite,\r\n 'footer-component': FooterComponent,\r\n 'popups-facade': PopupsFacade\r\n },\r\n computed: {\r\n ...mapState('popup', {\r\n popupState: state => state.popupState,\r\n })\r\n }\r\n }\r\n\u003C/script>\r\n\r\n\u003Cstyle lang=\"scss\" scoped>\r\n @import '../assets/scss/variables';\r\n\r\n .content {\r\n float: left;\r\n width: 100%;\r\n margin-top: 0;\r\n background: $color--grey-light;\r\n }\r\n\u003C/style>\r\n```\r\n\r\nSomeone know what i do wrong?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8061\">#c8061\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3182],{"name":3183,"color":3184},"2.x","d4c5f9",4232,"module namespace not found in mapState() (vuex, typescript)","2023-01-18T20:04:03Z","https://github.com/nuxt/nuxt/issues/4232",0.7168367,{"description":3191,"labels":3192,"number":3199,"owner":3160,"repository":3200,"state":3162,"title":3201,"updated_at":3202,"url":3203,"score":3204},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v20.12.2\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.9.1\r\n- Package Manager: pnpm@8.3.1\r\n- Builder: -\r\n- User Config: app, colorMode, ui, css, modules, runtimeConfig, authJs, pinia, nitro, alias, devtools, imports, typescript\r\n- Runtime Modules: @pinia/nuxt@0.4.11, @pinia-plugin-persistedstate/nuxt@1.2.0, @vueuse/nuxt@9.13.0, @hebilicious/authjs-nuxt@0.3.0-beta.2, @nuxtjs/eslint-module@4.1.0, nuxt-monaco-editor@1.2.7, nuxt-lodash@2.5.3, @nuxt/ui@2.14.2\r\n- Build Modules: -\r\n\r\n### Version\r\n\r\nv2.14.2\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/nuxt-ui-eqhn2j?file=app.vue\r\n\r\n### Description\r\n\r\nI'm getting multiple new type errors that I wasn't getting before with types that used to be valid. I think this is being caused by an update to `vue-tsc`, however I'm not sure.\r\n\r\nIn the reproduction link you can see the two examples that don't compile. Simply run `npm run typecheck` in the console to get the errors\r\nHere are the minimal examples\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nconst value = ref\u003Cstring | null | undefined>(undefined);\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CUInput v-model.trim=\"value\" />\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",[3193,3194,3197],{"name":3154,"color":3155},{"name":3195,"color":3196},"closed-by-bot","ededed",{"name":3198,"color":3196},"stale",1710,"ui","Unable to use boolean values with USelectMenu or null with UInput","2025-06-19T02:12:37Z","https://github.com/nuxt/ui/issues/1710",0.721552,{"description":3206,"labels":3207,"number":3212,"owner":3160,"repository":3174,"state":3162,"title":3213,"updated_at":3214,"url":3215,"score":3216},"- [x] `/modules`\n- [x] `/community/repositories`\n- [x] `/community/nuxters`",[3208,3209],{"name":3171,"color":3172},{"name":3210,"color":3211},"responsive","1cd1c6",685,"Move search next to filters on mobile","2023-02-15T12:32:43Z","https://github.com/nuxt/nuxt.com/issues/685",0.72390825,{"description":3218,"labels":3219,"number":3223,"owner":3160,"repository":3174,"state":3162,"title":3224,"updated_at":3225,"url":3226,"score":3227},"There is an issue during the resize on the gradient:\r\n\r\nhttps://user-images.githubusercontent.com/904724/177326570-64a34124-592c-474f-975e-02b854c75c53.mp4\r\n\r\nAlso, could we handle the 3D gem like on Nuxt v3 docs?\r\n\r\n\r\n\r\n",[3220,3222],{"name":3154,"color":3221},"ff281a",{"name":3171,"color":3172},781,"[Home] Hero improvements","2023-09-05T08:18:36Z","https://github.com/nuxt/nuxt.com/issues/781",0.7273047,{"description":3229,"labels":3230,"number":3232,"owner":3160,"repository":3160,"state":3162,"title":3233,"updated_at":3234,"url":3235,"score":3236},"The recent upgrade to vue 2.5.10 causes hydration errors in my app (commit [4cf855](https://github.com/nuxt/nuxt.js/commit/4cf855ce8115fb17447f2b69fa312237642bbef5)):\r\n\r\n`The client-side rendered virtual DOM tree is not matching server-rendered content.`\r\n\r\nThe error is:\r\n```\r\n[nuxt] Error while initializing app TypeError: Cannot read property 'toLowerCase' of undefined\r\nat emptyNodeAt (vue.runtime.esm.js?ff9b:5127)\r\n...\r\n```\r\n\r\nIt seems that `nodeOps.tagName(elm)` is `undefined`, and that `elm` (if chrome devtools is to be believed) is an empty comment node here:\r\n\r\n```\r\n\u003Cdiv id=\"__nuxt\">\r\n \u003Cdiv class=\"nuxt-progress\" style=\"width:0%;height:2px;background-color:#0275d8;opacity:0;\">\u003C/div>\r\n \u003C!---->\r\n\u003C/div>\r\n```\r\n\r\nAny idea what's going on?\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2071\">#c2071\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3231],{"name":3183,"color":3184},2385,"Latest Vue version update crashes my nuxt app","2023-01-18T15:55:11Z","https://github.com/nuxt/nuxt/issues/2385",0.7274891,{"description":3238,"labels":3239,"number":3247,"owner":3160,"repository":3200,"state":3162,"title":3248,"updated_at":3249,"url":3250,"score":3251},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@10.6.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\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\nhttps://codesandbox.io/p/devbox/bold-cache-pkvmch\n\n### Description\n\nThe `InputMenu` component fails to handle nested properties (e.g., `'user.id'`, `'user.name'`) in `valueKey` and `labelKey` props, resulting in a TypeScript error.\n\n\n### Additional context\n\nProposed fix:\n\n```typescript\ntype NestedPathValue\u003CT, P extends string> = P extends `${infer Key}.${infer Rest}`\n ? Key extends keyof T\n ? NestedPathValue\u003CT[Key], Rest>\n : any\n : P extends keyof T\n ? T[P]\n : any;\n\nexport type SelectItemKey\u003CT> = T extends Record\u003Cstring, any>\n ? keyof T | (string & { [K in keyof T]?: NestedPathValue\u003CT, K & string> })\n : string;\n```\n\n### Logs\n\n```shell-script\n\n```",[3240,3241,3244],{"name":3154,"color":3155},{"name":3242,"color":3243},"v3","49DCB8",{"name":3245,"color":3246},"typescript","3A629E",3505,"TypeScript error with nested properties in `InputMenu` `valueKey` and `labelKey`","2025-09-09T14:33:13Z","https://github.com/nuxt/ui/issues/3505",0.72767746,{"description":3253,"labels":3254,"number":3260,"owner":3160,"repository":3160,"state":3162,"title":3261,"updated_at":3262,"url":3263,"score":3264},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v20.6.1\r\n- Nuxt Version: 3.7.3\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: bun@1.0.2\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/imcm7/nuxt-db\r\n\r\n\r\n\r\n### Describe the bug\r\n\r\nIn example, if no dir `pages` or in that dir no files like `index.vue` when `property) title?: string | number | undefined`.\r\nIf I put in that dir file `index.vue` I have `Argument of type '{}' is not assignable to parameter of type 'string | number'`.\r\n\r\n\r\n\r\n> Type 'unknown' is not assignable to type 'MaybeComputedRefOrPromise\u003CMaybeArray\u003CStringable> | Promise\u003CMaybeArray\u003CStringable> | null | undefined> | null | undefined>'.\r\n\r\n> Argument of type '{}' is not assignable to parameter of type 'string | number'.\r\n\r\n\r\nPass the problem\r\n\r\n```\r\ndeclare module 'vue-router' {\r\n interface RouteMeta {\r\n title?: string | number;\r\n }\r\n}\r\n```\r\n\r\nNo effect \r\n\r\n```\r\ndeclare module '#app' {\r\n interface PageMeta {\r\n title?: string | number;\r\n }\r\n\r\n interface RouteMeta {\r\n title?: string | number;\r\n }\r\n\r\n}\r\n\r\nexport {};\r\n``\r\n\r\n",[3255,3258],{"name":3256,"color":3257},"3.x","29bc7f",{"name":3157,"color":3259},"E99695",23491,"Type 'unknown' is not assignable if in dir pages exists files (index.vue)","2023-10-02T10:08:38Z","https://github.com/nuxt/nuxt/issues/23491",0.7277439,{"description":3266,"labels":3267,"number":3274,"owner":3160,"repository":3160,"state":3162,"title":3275,"updated_at":3276,"url":3277,"score":3278},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.17.1`\n- Nuxt Version: `4.0.3`\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`, `css`, `vite`\n- Runtime Modules: `-`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/cranky-monad-lykkmd?embed=1&file=%2Flayers%2Feditor%2Fpages%2Findex.vue\n\nhttps://stackblitz.com/edit/github-ww2br5jm?file=layers%2Feditor%2Fpages%2Findex.vue\n\n### Describe the bug\n\nIn a fresh Nuxt 4 project, when creating a page inside a layer (e.g. `layers/editor/pages/index.vue`) and using `definePageMeta` inside a `\u003Cscript setup lang=\"ts\">`, TypeScript/IDE shows the following error:\n\n```\nCannot find name 'definePageMeta'.\n```\n\n\u003Cimg width=\"575\" height=\"127\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4dc57866-607f-438e-9775-6249604179ba\" />\n\n\nMinimal example:\n\n```vue\n\u003Cscript setup lang=\"ts\">\ndefinePageMeta({\n layout: 'editor',\n})\n\u003C/script>\n```\n\nAt runtime everything works fine (the meta is applied correctly), but TypeScript and the IDE report an error.\nThis happens with any freshly created Nuxt 4 project when defining pages inside layers.\n\nPossible cause: the global type/auto-import for the `definePageMeta` macro is not being properly exposed or registered for pages located inside a layer.",[3268,3271],{"name":3269,"color":3270},"types","2875C3",{"name":3272,"color":3273},"🔨 p3-minor","FBCA04",32977,"Nuxt 4 + layers: TypeScript error “Cannot find name 'definePageMeta'” when using definePageMeta in a page inside a layer","2025-08-19T19:20:07Z","https://github.com/nuxt/nuxt/issues/32977",0.7294729,["Reactive",3280],{},["Set"],["ShallowReactive",3283],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fFznHyDSO5nnSnmhJow016z4DX_a717ohmDbM8qtyAu0":-1},"/nuxt/test-utils/802"]