\n\u003C/template>\n```\n\nI think created items should emit `change` so we can validate them properly.\n\nAdditionally, because of https://github.com/nuxt/ui/issues/3736,the field always starts in an error state when a new item is created in certain conditions (regardless of whether the item meets the schema's requirements or not).\n\n------\n\nCurrent workaround is to run the validation manaully on a field after mutating the model:\n\n```ts\nasync function onCreate(item: string) {\n selected.value = item\n\n await formRef.value?.validate({ name: 'fieldName' })\n}\n```",[3020,3023],{"name":3021,"color":3022},"enhancement","a2eeef",{"name":3024,"color":3025},"v3","49DCB8",4139,"nuxt","ui","open","USelectMenu should emit 'change' after creating an item","2025-05-13T09:15:02Z","https://github.com/nuxt/ui/issues/4139",0.70253605,{"description":3035,"labels":3036,"number":3042,"owner":3027,"repository":3028,"state":3029,"title":3043,"updated_at":3044,"url":3045,"score":3046},"### Description\n\nWhen I toggle the checkbox, **both** `input` **and** `change` events fire, causing the validator to run twice on it. The checkbox component shouldn't be treated as an input and it should only emit one of these events.\n\n```ts\n\u003CUCheckbox @input=\"console.log('input')\" @change=\"console.log('change')\" />\n```\n\n### Additional context\n\nhttps://github.com/nuxt/ui/blob/c00f6e8cdfd88eeba58812b78d94a2326c13f164/src/runtime/components/Checkbox.vue#L98",[3037,3038,3039],{"name":3021,"color":3022},{"name":3024,"color":3025},{"name":3040,"color":3041},"triage","ffffff",4176,"UCheckbox emits both `@input` and `@change` events on toggle, causing duplicate validations","2025-05-19T01:23:36Z","https://github.com/nuxt/ui/issues/4176",0.73079824,{"description":3048,"labels":3049,"number":3054,"owner":3027,"repository":3028,"state":3029,"title":3055,"updated_at":3056,"url":3057,"score":3058},"",[3050,3053],{"name":3051,"color":3052},"bug","d73a4a",{"name":3024,"color":3025},2346,"[Popover] Hover mode not working on mobile","2024-11-06T17:02:41Z","https://github.com/nuxt/ui/issues/2346",0.73190415,{"description":3060,"labels":3061,"number":3062,"owner":3027,"repository":3063,"state":3029,"title":3064,"updated_at":3065,"url":3066,"score":3067},"I've been having an issue with this module, where the fetching of font files sometimes fails during the production build. I haven't been able to create a reliable reproduction yet—it seems to happen at random.\n\nThe build is done in GitHub CI, where a Docker image is built, using Node version 18.\n\nThis is the error log from the problematic deployment:\n```\n#25 20.31 [@nuxt/fonts] ERROR Could not fetch metadata for Red Hat Display from google. fetch failed\n#25 20.31 \n#25 20.31 at Object.fetch (node:internal/deps/undici/undici:11372:11)\n#25 20.31 at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n#25 20.31 at async getFontDetails$5 (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:550:12)\n#25 20.31 at async cachedData (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:474:20)\n#25 20.31 at async Object.resolveFontFaces (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:511:14)\n#25 20.31 at async resolveFontFaceWithOverride (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:1395:26)\n#25 20.31 at async addFontFaceDeclaration (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:940:22)\n#25 20.31 at async Promise.all (index 0)\n#25 20.31 at async transformCSS (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:1013:5)\n#25 20.31 at async Object.transform (/opt/project/node_modules/.pnpm/@nuxt+fonts@0.8.0_ioredis@5.4.1_magicast@0.3.5_rollup@4.20.0_vite@5.4.3_@types+node@22.5.5_sa_d6a46d5cxhijk7lxvuwfjdzkcm/node_modules/@nuxt/fonts/dist/module.mjs:1025:17)\n#25 20.31 \n#25 20.31 \n#25 20.31 [@nuxt/fonts] WARN Could not produce font face declaration from google for font family Red Hat Display.\n#25 20.31 \n#25 42.48 ℹ ✓ 1387 modules transformed.\n```\n\nHas anyone else come across this issue? Wouldn't it be better to exit rather than continue with the build if the font fetch fails?",[],356,"fonts","Fonts sometimes missing in production build","2024-12-05T16:49:07Z","https://github.com/nuxt/fonts/issues/356",0.77134913,{"description":3069,"labels":3070,"number":3074,"owner":3027,"repository":3028,"state":3029,"title":3075,"updated_at":3076,"url":3077,"score":3078},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.16.1`\n- CLI Version: `3.23.1`\n- Nitro Version: `2.11.7`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `compatibilityDate`, `extends`, `modules`, `css`, `app`, `linkChecker`, `build`, `schemaOrg`, `sitemap`, `robots`, `future`, `runtimeConfig`, `imports`, `ui`, `image`, `dayjs`, `prismic`\n- Runtime Modules: `@nuxtjs/prismic@4.1.0`, `nuxt-swiper@2.0.0`, `dayjs-nuxt@2.1.11`, `@nuxt/ui@3.0.0`, `@zadigetvoltaire/nuxt-gtm@0.0.13`, `@nuxtjs/seo@3.0.1`, `@nuxt/scripts@0.11.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0\n\n### Reproduction\n\nnot needed\n\n### Description\n\nThe header with a lot of text in mobile is getting squashed. I believe the problem is the min-h-16 utility.\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3071,3072,3073],{"name":3051,"color":3052},{"name":3024,"color":3025},{"name":3040,"color":3041},3635,"UModal Header height clipped","2025-03-20T13:20:49Z","https://github.com/nuxt/ui/issues/3635",0.7748278,{"description":3080,"labels":3081,"number":3084,"owner":3027,"repository":3028,"state":3085,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### Environment\n\n- Operating System: Darwin\n- Node Version: v23.4.0\n- Nuxt Version: 3.16.1\n- CLI Version: 3.23.1\n- Nitro Version: 2.11.7\n- Package Manager: bun@1.2.5\n- Builder: -\n- User Config: devtools, modules, imports, components, css, compatibilityDate, experimental, future\n- Runtime Modules: @nuxt/ui@3.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/recursing-browser-klwx46\n\n### Description\n\nWhen a `SelectMenu` is wrapped in a custom component which is then consumed by `FormField` validation is triggered for an instant before the component goes back to its valid state.\n\nI've tried to debug a bit and I think it's related to the fact that the `SelectMenu` uses `Input` and that input is firing a `change` event because it uses `useFormField`, even though that particular input should not be considered the \"form field\" in this instance.\n\n### Additional context\n\nhttps://github.com/user-attachments/assets/75e8c84f-612e-48f0-bf9e-dcc1fe95ffcd\n\nI'd like to open a PR and fix this myself but I'm not sure what the best approach it. Maybe `Input` could take a prop that allows it to not fire form events? i.e. `ignore-form-events=\"true\"` so the SelectMenu would use it. This could also apply for other components that use primitive form inputs inside them (Command, InputMenu) etc.\n\n### Logs\n\n```shell-script\n\n```",[3082,3083],{"name":3051,"color":3052},{"name":3024,"color":3025},3736,"closed","[USelectMenu] Validation events are triggered before change when wrapped in a custom component","2025-05-14T17:24:48Z","https://github.com/nuxt/ui/issues/3736",0.7381788,{"description":3091,"labels":3092,"number":3095,"owner":3027,"repository":3096,"state":3085,"title":3097,"updated_at":3098,"url":3099,"score":3100},"- [x] `/modules`\n- [x] `/community/repositories`\n- [x] `/community/nuxters`\n\n\n",[3093],{"name":3021,"color":3094},"1ad6ff",613,"nuxt.com","Pages with search should have an empty state","2023-02-15T12:32:39Z","https://github.com/nuxt/nuxt.com/issues/613",0.748642,{"description":3102,"labels":3103,"number":3095,"owner":3027,"repository":3113,"state":3085,"title":3114,"updated_at":3115,"url":3116,"score":3100},"When I had been running tests using the `@nuxt/test-utils` library I could get results like:\r\n\r\n```bash\r\n Test Files 1 failed | 1 passed (2)\r\n Tests 1 failed | 1 passed (2)\r\n Start at 14:49:45\r\n Duration 2.13s (transform 696ms, setup 0ms, collect 1.49s, tests 14ms, environment 434ms, prepare 381ms)\r\n```\r\n\r\nBut because I was having trouble with Nuxt imports like `ReferenceError: useRuntimeConfig is not defined`, I've made changes to switch over to using this library. Unfortunately, I cannot figure out how to get the tests to actually run or at least error out. Instead, I just get this:\r\n\r\n```bash\r\n$ npm run test\r\n\r\n> project@1.0.0 test\r\n> vitest --config ./vitest.config.ts run\r\n\r\n RUN v0.33.0 .../project/test\r\n```\r\n\r\nHere are some relevant file contents...\r\n\r\n### package.json\r\n\r\n```json\r\n{\r\n \"name\": \"project\",\r\n \"version\": \"1.0.0\",\r\n \"description\": \"\",\r\n \"private\": true,\r\n \"type\": \"module\",\r\n \"engines\": {\r\n \"node\": \"18\"\r\n },\r\n \"scripts\": {\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"prepare\": \"nuxt prepare\",\r\n \"build\": \"NITRO_PRESET=aws-lambda nuxt build\",\r\n \"deploy\": \"DEPLOY=true TIER=$TIER NITRO_PRESET=aws-lambda nuxt build && sls deploy --stage $TIER\",\r\n \"offline\": \"npm run build && sls offline start\",\r\n \"debug\": \"SLS_DEBUG=* node --inspect node_modules/serverless/bin/serverless offline\",\r\n \"test\": \"vitest --config ./vitest.config.ts run\",\r\n \"test:watch\": \"vitest --config ./vitest.config.ts watch\",\r\n \"lint:js\": \"eslint --ext \\\".ts,.vue\\\" --ignore-path .gitignore .\",\r\n \"lint:prettier\": \"prettier --check .\",\r\n \"lint\": \"npm run lint:js && npm run lint:prettier\",\r\n \"lintfix\": \"prettier --write --list-different . && eslint --ext \\\".ts,.vue\\\" --ignore-path .gitignore . --fix\",\r\n \"coverage\": \"vitest run --coverage --config ./vitest.config.ts\",\r\n \"postinstall\": \"patch-package\"\r\n },\r\n \"devDependencies\": {\r\n \"@babel/cli\": \"^7.23.0\",\r\n \"@babel/core\": \"^7.23.2\",\r\n \"@nuxt/test-utils\": \"^3.8.0\",\r\n \"@nuxtjs/eslint-config-typescript\": \"^12.1.0\",\r\n \"@nuxtjs/eslint-module\": \"^4.1.0\",\r\n \"@nuxtjs/partytown\": \"^1.3.0\",\r\n \"@pinia-plugin-persistedstate/nuxt\": \"^1.1.2\",\r\n \"@serverless/typescript\": \"^3.30.1\",\r\n \"@types/aws-lambda\": \"^8.10.125\",\r\n \"@types/crypto-js\": \"^4.1.3\",\r\n \"@types/eslint\": \"^8.44.6\",\r\n \"@types/node\": \"^20.8.10\",\r\n \"@types/papaparse\": \"^5.3.10\",\r\n \"@types/pdfmake\": \"^0.2.7\",\r\n \"@types/uuid\": \"^9.0.6\",\r\n \"@typescript-eslint/parser\": \"^6.9.1\",\r\n \"@vitejs/plugin-vue\": \"^4.4.0\",\r\n \"@vitest/coverage-v8\": \"^0.33.0\",\r\n \"@vue/compiler-sfc\": \"^3.3.4\",\r\n \"@vue/test-utils\": \"^2.4.1\",\r\n \"@vueuse/nuxt\": \"^10.5.0\",\r\n \"eslint\": \"^8.52.0\",\r\n \"eslint-config-prettier\": \"^9.0.0\",\r\n \"eslint-plugin-nuxt\": \"^4.0.0\",\r\n \"eslint-plugin-prettier\": \"^5.0.1\",\r\n \"eslint-plugin-vitest\": \"^0.3.9\",\r\n \"happy-dom\": \"^12.10.3\",\r\n \"jsdom\": \"^22.1.0\",\r\n \"naive-ui\": \"^2.35.0\",\r\n \"nuxt\": \"^3.8.0\",\r\n \"nuxt-icon\": \"^0.6.1\",\r\n \"nuxt-lodash\": \"^2.5.3\",\r\n \"nuxt-viewport\": \"^2.0.6\",\r\n \"nuxt-vitest\": \"^0.11.2\",\r\n \"patch-package\": \"^8.0.0\",\r\n \"prettier\": \"^3.0.3\",\r\n \"sass\": \"^1.69.5\",\r\n \"sass-loader\": \"^13.3.2\",\r\n \"serverless-offline\": \"^13.2.0\",\r\n \"serverless-s3-sync\": \"^3.2.0\",\r\n \"typescript\": \"^5.2.2\",\r\n \"unplugin-auto-import\": \"^0.16.7\",\r\n \"unplugin-vue-components\": \"^0.25.2\",\r\n \"vitest\": \"^0.33.0\",\r\n \"vue\": \"^3.3.7\",\r\n \"vue-tsc\": \"^1.8.22\"\r\n },\r\n \"dependencies\": {\r\n \"@css-render/vue3-ssr\": \"^0.15.12\",\r\n \"@pinia/nuxt\": \"^0.5.1\",\r\n \"buffer\": \"^6.0.3\",\r\n \"crypto-js\": \"^4.2.0\",\r\n \"dayjs\": \"^1.11.10\",\r\n \"deep-object-diff\": \"^1.1.9\",\r\n \"deepdash-es\": \"^5.3.9\",\r\n \"jszip\": \"^3.10.1\",\r\n \"marked\": \"^9.1.5\",\r\n \"mitt\": \"^3.0.1\",\r\n \"papaparse\": \"^5.4.1\",\r\n \"pdfmake\": \"^0.2.7\",\r\n \"pinia\": \"^2.1.7\",\r\n \"slugify\": \"^1.6.6\",\r\n \"uuid\": \"^9.0.1\"\r\n },\r\n \"overrides\": {}\r\n}\r\n```\r\n\r\n### nuxt.config.ts\r\n\r\n```typescript\r\n modules: [\r\n \"nuxt-vitest\",\r\n ...\r\n ],\r\n```\r\n\r\n### vitest.config.ts\r\n\r\n```typescript\r\nimport { defineVitestConfig } from \"nuxt-vitest/config\";\r\n\r\nexport default defineVitestConfig({\r\n plugins: [],\r\n test: {\r\n globals: true,\r\n environment: \"jsdom\",\r\n environmentOptions: {\r\n nuxt: {\r\n overrides: {},\r\n },\r\n },\r\n },\r\n root: \"./test\",\r\n});\r\n```\r\n\r\n### project/test/example.nuxt.test.ts\r\n\r\n```typescript\r\nimport { test, expect } from \"vitest\";\r\n\r\ntest(\"1 + 1\", () => {\r\n expect(1 + 1).toEqual(2);\r\n});\r\n```",[3104,3107,3110],{"name":3105,"color":3106},"vitest-environment","b60205",{"name":3108,"color":3109},"needs reproduction","DE7793",{"name":3111,"color":3112},"closed-by-bot","ededed","test-utils","Vitest hangs at [RUN] v0.33.0 with no debug output or error","2023-12-14T12:31:18Z","https://github.com/nuxt/test-utils/issues/613",{"description":3118,"labels":3119,"number":3121,"owner":3027,"repository":3096,"state":3085,"title":3122,"updated_at":3123,"url":3124,"score":3125},"Redirect to `/projects` public page instead\n\nBlocked by #403 ",[3120],{"name":3021,"color":3094},402,"Beta page integration `/beta`","2022-06-07T09:41:42Z","https://github.com/nuxt/nuxt.com/issues/402",0.7505064,{"description":3127,"labels":3128,"number":3135,"owner":3027,"repository":3027,"state":3085,"title":3136,"updated_at":3137,"url":3138,"score":3139},"### Environment\r\n\r\n- Operating System: `Linux`\r\n- Node Version: `v18.18.0`\r\n- Nuxt Version: `3.7.4`\r\n- CLI Version: `3.9.0`\r\n- Nitro Version: `2.6.3`\r\n- Package Manager: `pnpm@8.8.0`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`, `runtimeConfig`, `auth`\r\n- Runtime Modules: `@sidebase/nuxt-auth@0.6.0-beta.6`, `@nuxt/ui@2.9.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-4pdqyk?file=pages%2Findex.vue\r\n\r\nClick on the increment button, in an ideal situation, you should see the console.log when the button is clicked.\r\n\r\n\r\n### Describe the bug\r\n\r\nWhen a state is being watched, and its class member is being updated, it doesn't trigger a watch update.\r\n\r\n### Additional context\r\n\r\nSomething weird I've noticed in my project is, if I make a change in the file, and let it hot reload, it starts to work, but stops after a page reload. However, this doesn't happen in my minimal reproduction environment.\r\n\r\n### Logs\r\n\r\n_No response_",[3129,3132],{"name":3130,"color":3131},"3.x","29bc7f",{"name":3133,"color":3134},"pending triage","E99695",23545,"useState not reactive with class's members for watch","2023-10-06T00:41:38Z","https://github.com/nuxt/nuxt/issues/23545",0.75272954,["Reactive",3141],{},["Set"],["ShallowReactive",3144],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fCX2bSDWymV6yBBBiZk2WNUn2_j9IR8Q_CsYq5FHLnPw":-1},"/nuxt/ui/3723"]