\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst handleRowClick = (person: any): void => {\r\n navigateTo(`/people/${person.id}`)\r\n}\r\n\r\nconst columns = [{\r\n key: 'id',\r\n label: 'ID'\r\n}, {\r\n key: 'name',\r\n label: 'User name'\r\n}, {\r\n key: 'title',\r\n label: 'Job position'\r\n}, {\r\n key: 'email',\r\n label: 'Email'\r\n}, {\r\n key: 'role'\r\n}]\r\n\r\nconst people = [{\r\n id: 1,\r\n name: 'Lindsay Walton',\r\n title: 'Front-end Developer',\r\n email: 'lindsay.walton@example.com',\r\n role: 'Member'\r\n}, {\r\n id: 2,\r\n name: 'Courtney Henry',\r\n title: 'Designer',\r\n email: 'courtney.henry@example.com',\r\n role: 'Admin'\r\n}]\r\n\u003C/script>\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_",[2906],{"name":2907,"color":2908},"enhancement","a2eeef",2156,"closed","[UTable] should have a field to enable hover animations and make them clickable","2024-09-10T16:29:52Z","https://github.com/nuxt/ui/issues/2156",0.7064546,{"description":2916,"labels":2917,"number":2921,"owner":2868,"repository":2888,"state":2910,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### Environment\n\n- Operating System: Windows 10 \n- Node Version: v22.10.0 \n- Nuxt Version: 3.16.0 \n- CLI Version: 3.22.5 \n- Nitro Version: 2.11.5 \n- Package Manager: pnpm@9.15.7 \n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, meta, ssr, runtimeConfig, ui \n- Runtime Modules: @nuxt/ui@3.0.0-beta.3, @nuxt/icon@1.10.3, @nuxt/fonts@0.11.0, @vueuse/nuxt@12.8.2\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nNuxt UI 3.0\n\n### Reproduction\n\n```\n\u003Ctemplate>\n\u003CUInput\n v-model=\"translation\"\n ref=\"translationField\" \n />\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```",[2918,2919,2920],{"name":2879,"color":2880},{"name":2882,"color":2883},{"name":2885,"color":2886},3644,"\u003CUInput> template ref does not work","2025-03-21T13:14:18Z","https://github.com/nuxt/ui/issues/3644",0.71499634,{"description":2927,"labels":2928,"number":2931,"owner":2868,"repository":2932,"state":2910,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Blocked by #468 \n\nThis will allow to edit this data on nuxt.com",[2929],{"name":2907,"color":2930},"1ad6ff",563,"nuxt.com","[Docs] Replace `_collections` in `v2` with slots and components","2023-02-15T12:30:48Z","https://github.com/nuxt/nuxt.com/issues/563",0.7170199,{"description":2938,"labels":2939,"number":2931,"owner":2868,"repository":2944,"state":2910,"title":2945,"updated_at":2946,"url":2947,"score":2936},"After upgrading to Nuxt 3.4.3 global components are having issues loading in Vitest test environment. Not sure but I think https://github.com/nuxt/nuxt/pull/20547 is causing this issue.\r\n\r\n```\r\nSyntaxError: At least one \u003Ctemplate> or \u003Cscript> is required in a single file component.\r\n ❯ Object.parse$4 [as parse] ../node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:5269:21\r\n ❯ createDescriptor ../node_modules/@vitejs/plugin-vue/dist/index.mjs:70:43\r\n ❯ transformMain ../node_modules/@vitejs/plugin-vue/dist/index.mjs:2273:34\r\n ❯ TransformContext.transform ../node_modules/@vitejs/plugin-vue/dist/index.mjs:2785:16\r\n ❯ Object.transform ../node_modules/vite/dist/node/chunks/dep-a178814b.js:42877:44\r\n ❯ loadAndTransform ../node_modules/vite/dist/node/chunks/dep-a178814b.js:53334:29\r\n```\r\n\r\n```\r\nSerialized Error: {\r\n \"id\": \"/components/global/Avatar.vue\",\r\n \"plugin\": \"vite:vue\",\r\n \"pluginCode\": \"import { defineAsyncComponent } from \"vue\"\r\nexport default defineAsyncComponent(() => import(\"/components/global/Avatar.vue\").then(r => r.default))\",\r\n}\r\n```",[2940,2941],{"name":2879,"color":2880},{"name":2942,"color":2943},"vitest-environment","b60205","test-utils","Nuxt 3.4.3 global components incompatible","2023-12-02T00:32:11Z","https://github.com/nuxt/test-utils/issues/563",{"description":2949,"labels":2950,"number":2954,"owner":2868,"repository":2944,"state":2910,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.19.0\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.4\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: @nuxt/test-utils/module\n\n### Reproduction\n\nhttps://github.com/chronicadventure/nuxt-bug\r\n\r\njust run `npm test` and the console will error out. *Note* you don't even need an actual test, just the import causes the entire file to fail.\n\n### Describe the bug\n\nImporting `import { mockNuxtImport } from '@nuxt/test-utils/runtime'` as stated in the docs causes the entire test file to fail.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nDEV v1.4.0 C:/Users/AdrianCampos/BugRepo/repro\r\n\r\n ❯ tests/random.nuxt.test.js (0)\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n FAIL tests/random.nuxt.test.js [ tests/random.nuxt.test.js ]\r\nError: Failed to load url #imports (resolved id: #imports) in C:/Users/AdrianCampos/BugRepo/node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs. Does the file exist?\r\n ❯ loadAndTransform ../node_modules/vite/dist/node/chunks/dep-B-u6xNiR.js:53832:21\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\r\n\r\n Test Files 1 failed (1)\r\n Tests no tests\r\n Start at 21:58:52\r\n Duration 2.22s (transform 69ms, setup 0ms, collect 0ms, tests 0ms, environment 0ms, prepare 846ms)\r\n\r\n\r\n FAIL Tests failed. Watching for file changes...\r\n press h to show help, press q to quit\n```\n",[2951],{"name":2952,"color":2953},"pending triage","5D08F5",800,"Failed to load url #imports after importing mockNuxtImport","2024-05-26T19:14:39Z","https://github.com/nuxt/test-utils/issues/800",0.7248105,{"description":2960,"labels":2961,"number":2964,"owner":2868,"repository":2888,"state":2910,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### Environment\n\nirrelevant\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n\"@nuxt/ui\": \"3.0.0-alpha.9\",\n\n### Reproduction\n\n\n\n\n### Description\n\ncontributes to failing google lighthouse scores for this violation\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2962,2963],{"name":2879,"color":2880},{"name":2882,"color":2883},2725,"UBreadcrumb accessibility issue - Lists do not contain only \u003Cli> elements and script supporting elements (\u003Cscript> and \u003Ctemplate>).","2024-12-05T13:48:54Z","https://github.com/nuxt/ui/issues/2725",0.72555435,{"description":2970,"labels":2971,"number":2974,"owner":2868,"repository":2888,"state":2910,"title":2975,"updated_at":2976,"url":2977,"score":2978},"### Environment\n\n-\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.0\n\n### Reproduction\n\n- \n\n### Description\n\nUpgraded all deps to the latest and bam Nuxt 3.16.0 is added. We get errors now as Nuxt UI 3 still ships with\n\n`'@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))\n`\n\nAs of Nuxt 3.16.0 ships with @unhead2:\nhttps://nuxt.com/blog/v3-16#unhead-v2\n\nActual error:\n`[@nuxt/scripts 9:42:20 PM] ERROR Nuxt Scripts requires Unhead >= 2, you are using v1.11.20. Please run nuxi upgrade --clean to upgrade...`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2972,2973],{"name":2879,"color":2880},{"name":2882,"color":2883},3513,"Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.7302573,["Reactive",2980],{},["Set"],["ShallowReactive",2983],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fnCArfyp5zHEtq6Y6SrstmyTi_0hpQbt-cYgXLUNT0DU":-1},"/nuxt/ui/3775"]