\n\u003C/template>\n\n\u003Cscript setup>\nconst translationField = ref(null)\n\nfunction nextCard() {\n translationField.value.focus() // throws: 'focus is not a function'\n \n nextTick(() => {\n translationField.value.focus() // same error\n })\n\n // below works ok\n nextTick(() => {\n const input = translationField.value?.$el?.querySelector('input')\n if (input) {\n input.focus()\n }\n })\n}\n\u003C/script>\n```\n\n\n### Description\nStandard Vue method of using template ref (for setting a focus, here) throws: 'focus() is not a function'\nIn the above code snippet I included workaround (credits to Sonnet 3.5)\nTried it dozen of times and checked this place to see if it has not been solved earlier.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3038,3041,3044],{"name":3039,"color":3040},"bug","d73a4a",{"name":3042,"color":3043},"v3","49DCB8",{"name":3045,"color":3046},"triage","ffffff",3644,"ui","closed","\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.65504587,{"description":3055,"labels":3056,"number":3059,"owner":3019,"repository":3030,"state":3049,"title":3060,"updated_at":3061,"url":3062,"score":3063},"Hover color should be green on `ProseA`\n\n\n\nReading [typography tokens](https://github.com/nuxt-themes/typography/blob/main/tokens.config.ts), colors should be declared inside `tokens.config.ts` this way.\n\n(Tried with `colors` and `color`, both don't work)\n\n```js\nexport default defineTheme({\n typography: {\n color: {\n // palette() returns the good color scheme\n primary: palette('#00dc82')\n }\n }\n})\n```",[3057],{"name":3039,"color":3058},"ff281a",1076,"[Typography] ProseA hover color not applied","2023-06-06T12:14:34Z","https://github.com/nuxt/nuxt.com/issues/1076",0.6619902,{"description":3065,"labels":3066,"number":3068,"owner":3019,"repository":3069,"state":3049,"title":3070,"updated_at":3071,"url":3072,"score":3073},"Hi! 👋 \r\n \r\nFirstly, thanks for your work on this project! 🙂\r\n\r\nToday I used [patch-package](https://github.com/ds300/patch-package) to patch `@nuxt/test-utils@3.12.1` for the project I'm working on.\r\n\r\nWhen starting `nuxt test` from a fresh install of `test-utils` I would get the following error:\r\n```\r\n ERROR Error: Failed to load url /Users/bahulneel/Projects/Hybr/app/packages/vetting/app/node_modules/@nuxt/test-utils/dist/shared/runtime/global-setup (resolved id: /Users/bahulneel/Projects/Hybr/app/packages/vetting/app/node_modules/@nuxt/test-utils/dist/shared/runtime/global-setup). Does the file exist?\r\n```\r\n\r\nI couldn't find any reference here, so I tracked down the cause. Here is the diff that solved my problem:\r\n\r\n```diff\r\ndiff --git a/node_modules/@nuxt/test-utils/dist/config.d.mts b/node_modules/@nuxt/test-utils/dist/config.d.mts\r\nindex 385ec4b..5200673 100644\r\n--- a/node_modules/@nuxt/test-utils/dist/config.d.mts\r\n+++ b/node_modules/@nuxt/test-utils/dist/config.d.mts\r\n@@ -1,4 +1,3 @@\r\n-import * as vite from 'vite';\r\n import { InlineConfig } from 'vite';\r\n import { NuxtConfig, Nuxt } from '@nuxt/schema';\r\n import { InlineConfig as InlineConfig$1 } from 'vitest';\r\ndiff --git a/node_modules/@nuxt/test-utils/dist/shared/test-utils.B57u8E0c.mjs b/node_modules/@nuxt/test-utils/dist/shared/test-utils.B57u8E0c.mjs\r\nindex 1a511b7..57b51cc 100644\r\n--- a/node_modules/@nuxt/test-utils/dist/shared/test-utils.B57u8E0c.mjs\r\n+++ b/node_modules/@nuxt/test-utils/dist/shared/test-utils.B57u8E0c.mjs\r\n@@ -197,6 +197,6 @@ async function setup(options = {}) {\r\n await setupFn(hooks);\r\n }\r\n \r\n-const distDir = dirname(fileURLToPath(import.meta.url));\r\n+const distDir = dirname(fileURLToPath(import.meta.url + '/../'));\r\n \r\n export { createPage as a, buildFixture as b, createBrowser as c, distDir as d, createTest as e, setup as f, getBrowser as g, loadFixture as l, setupMaps as s, waitForHydration as w };\r\n```\r\n\r\n\u003Cem>This issue body was [partially generated by patch-package](https://github.com/ds300/patch-package/issues/296).\u003C/em>\r\n",[3067],{"name":3039,"color":3040},818,"test-utils","Runtime dir miss-calculated","2024-12-05T06:36:36Z","https://github.com/nuxt/test-utils/issues/818",0.66640234,{"description":3075,"labels":3076,"number":3081,"owner":3019,"repository":3048,"state":3049,"title":3082,"updated_at":3083,"url":3084,"score":3085},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v20.18.3`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.22.2`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@9.15.4`\n- Builder: `-`\n- User Config: `extends`, `modules`, `$development`, `devtools`, `colorMode`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `vite`, `typescript`, `hooks`, `echo`, `eslint`, `i18n`, `sanctum`\n- Runtime Modules: `@nuxt/content@2.13.4`, `@nuxt/eslint@0.7.6`, `@nuxt/fonts@0.10.3`, `@nuxt/image@1.9.0`, `@nuxt/ui@2.21.0`, `@nuxthq/studio@2.2.1`, `@vueuse/nuxt@12.7.0`, `nuxt-og-image@4.1.4`, `@nuxtjs/i18n@9.2.1`, `nuxt-auth-sanctum@0.5.6`, `nuxt-laravel-echo@0.2.1`, `@nuxtjs/seo@2.2.0`\n- Build Modules: `-`\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-i7bgngfx?file=app.vue\n\n### Description\n\nIf I place a USelectMenu inside a UModal that is being opened inside USlideover, I cannot focus the select menu's input.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3077,3078],{"name":3039,"color":3040},{"name":3079,"color":3080},"upstream","78bddb",3408,"USelectMenu inside UModal inside USlideover","2025-03-24T14:19:31Z","https://github.com/nuxt/ui/issues/3408",0.67151964,{"description":3087,"labels":3088,"number":3089,"owner":3019,"repository":3090,"state":3049,"title":3091,"updated_at":3092,"url":3093,"score":3094},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.22.5`\n- Nitro Version: `2.11.5`\n- Package Manager: `bun@1.2.4`\n- Builder: `-`\n- User Config: `runtimeConfig`, `modules`, `app`, `site`, `sitemap`, `robots`, `css`, `icon`, `image`, `ui`, `devtools`, `future`, `unhead`, `compatibilityDate`\n- Runtime Modules: `@nuxt/ui@3.0.0-beta.3`, `@pinia/nuxt@0.10.1`, `@nuxt/scripts@0.10.5`, `@nuxt/image@1.9.0`, `@nuxtjs/seo@2.2.0`\n- Build Modules: `-`\n\n### Reproduction\n\nnda\n\n### Describe the bug\n\nnr dev\n$ nuxt dev\nNuxt 3.16.0 with Nitro 2.11.5 nuxi 8:23:08 PM\n 8:23:08 PM\n ➜ Local: http://localhost:3003/\n ➜ Network: use --host to expose\n\n ➜ DevTools: press Shift + Option + D in the browser (v2.2.1) 8:23:10 PM\n\n\n✔ Nuxt Icon loaded local collection elfi with 70 icons 8:23:10 PM\nℹ Running with compatibility version 4 nuxt 8:23:10 PM\n✔ Vite client built in 190ms 8:23:11 PM\n✔ Vite server built in 528ms 8:23:12 PM\n\n[nitro 8:23:14 PM] ERROR Error: Could not load /\u003Cmy-path>/node_modules/unenv/dist/runtime/runtime/mock/empty.mjs (imported by node_modules/nuxt-og-image/dist/runtime/server/og-image/satori/instances.js): ENOENT: no such file or directory, open '/\u003Cmy-path>/node_modules/unenv/dist/runtime/runtime/mock/empty.mjs'\n\n\nundefined\n\n### Additional context\n\nUpgraded by \"nuxi upgrade -f\" from 3.15.4 and couldn't able to start properly with provided error.\nTried with unhead flag in nuxt.config - same error\n```\nunhead: {\n legacy: true,\n }\n```\n\n### Logs\n\n```shell-script\n\n```",[],414,"scripts","Nuxt 3.16.0 won't start properly nor dev nor build","2025-03-07T18:58:03Z","https://github.com/nuxt/scripts/issues/414",0.6735897,{"description":3096,"labels":3097,"number":3110,"owner":3019,"repository":3019,"state":3049,"title":3111,"updated_at":3112,"url":3113,"score":3114},"### Environment\n\nnuxt2\n\n### Reproduction\n\nhttps://xywl.itubang.com/ 地址请看\n\n### Describe the bug\n\n刚进入首页的时候以及首页刷新的时候 ,css部分样式 先出来了 css样式错乱 \r\n\u003Cimg width=\"1107\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/100253090/cfbc76db-61e8-4846-8ea6-931f0e06bbe8\">\r\n过了2秒后 数据请求回来正常显示了 \r\n\u003Cimg width=\"1083\" alt=\"image\" src=\"https://github.com/nuxt/nuxt/assets/100253090/4500a77c-65ce-4972-945e-f3f07258da3f\">\r\n请问是我需要css 占位吗?\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3098,3101,3104,3107],{"name":3099,"color":3100},"pending triage","E99695",{"name":3102,"color":3103},"2.x","d4c5f9",{"name":3105,"color":3106},"needs reproduction","FBCA04",{"name":3108,"color":3109},"closed-by-bot","ededed",26974,"页面刷新 页面抖动","2024-05-10T01:49:51Z","https://github.com/nuxt/nuxt/issues/26974",0.68279916,{"description":3116,"labels":3117,"number":3125,"owner":3019,"repository":3048,"state":3049,"title":3126,"updated_at":3127,"url":3128,"score":3129},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v20.17.0\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.10.0\r\n- Builder: -\r\n- User Config: extends, modules, ui, colorMode, routeRules, devtools, typescript, future, eslint, runtimeConfig, compatibilityDate\r\n- Runtime Modules: @nuxt/eslint@0.5.1, @nuxt/fonts@0.7.2, @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.1\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-9zrfga?file=app.vue\r\n\n\n### Description\n\nHi everyone.\r\nI truly appreciate your work. Many many thanks!!\r\nI'm starting a new project, my first project with \"nuxt\" and \"nuxt ui+pro\" (I liked the dashboard theme).\r\nMaybe I'm doing something wrong, in this case please help me.\r\nOtherwise I think I found an error in the theme of the UDashboardModal component.\r\n\r\nThe background of UDashboardModal does not follow the length of its content in \"mobile view\" (small devide, in this example 400x616).\r\n\r\n\r\n\r\nIn desktop viewport work as expected.\r\n\r\n\r\n\r\nWhat's do you think?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3118,3119,3122],{"name":3039,"color":3040},{"name":3120,"color":3121},"duplicate","cfd3d7",{"name":3123,"color":3124},"pro","5BD3CB",2220,"Issue Nuxt UI Pro UDashboardModal background ","2024-10-06T18:00:50Z","https://github.com/nuxt/ui/issues/2220",0.6921529,{"labels":3131,"number":3134,"owner":3019,"repository":3019,"state":3049,"title":3135,"updated_at":3136,"url":3137,"score":3138},[3132,3133],{"name":3099,"color":3100},{"name":3102,"color":3103},5190,"Duplicate app style links in head using universal mode and extractCSS","2023-01-22T15:33:01Z","https://github.com/nuxt/nuxt/issues/5190",0.69242966,["Reactive",3140],{},["Set"],["ShallowReactive",3143],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fczQFWxU5BdDYCOSgqYvVKyD2KGjqP0wGxjnb1LeA2aQ":-1},"/nuxt/ui/2168"]