\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[1984,1987],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"triage","ffffff",3583,"nuxt","ui","open","Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.69236666,{"description":1999,"labels":2000,"number":2001,"owner":1991,"repository":2002,"state":1993,"title":2003,"updated_at":2004,"url":2005,"score":2006},"It would be nice if you could alias and entire collection instead of just an icon.\n\nRight now I do it this way.\n```ts\nconst createIconAliases = (newPrefix: string, iconifyJson: IconifyJSON) => {\n const exisitngPrefix = iconifyJson.prefix;\n const icons = Object.keys(iconifyJson.icons);\n\n return icons.reduce(\n (object, value) => {\n object[`${newPrefix}:${value}`] = `${exisitngPrefix}:${value}`;\n return object;\n },\n {} as Record\u003Cstring, string>,\n );\n};\n```",[],362,"icon","[feature request] Allow aliasing entire collection","2025-02-21T20:10:51Z","https://github.com/nuxt/icon/issues/362",0.6950495,{"description":2008,"labels":2009,"number":2010,"owner":1991,"repository":2002,"state":1993,"title":2011,"updated_at":2012,"url":2013,"score":2014},"### Environment\n\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.9.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: yarn@4.5.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n\n### Reproduction\n\nI haven't changed the code itself, but uninstalled some dependencies and updated everything to latest.\n\nModules used:\n\n```\n modules: [\n \"@unocss/nuxt\",\n \"@nuxt/content\",\n \"@vueuse/nuxt\",\n \"@nuxt/fonts\",\n // @ts-ignore\n \"@nuxtjs/seo\",\n \"@nuxt/icon\",\n \"nuxt-umami\"\n ],\n```\n\nDependencies upgraded:\n\n\n\n\n\n\nTransitive deps of \"@nuxt/icon\"\n\n\n\nI've tried it with and without the icon config in nuxt.config.ts with no effect\n\n### Describe the bug\n\nI`m suddenly getting this error after upgrading a few dependencies and the site is not loading anymore.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```\nCannot read properties of undefined (reading 'provider')\nStacktrace\nsetup\n@nuxt/icon/dist/runtime/plugin.js:16:17\n(anonymous)\n./C:/Users/MyPC/Workspace/my-project/apps/my-app/virtual:nuxt:C:/Users/MyPC/Workspace/my-project/apps/my-app/.nuxt/plugins/server.mjs:77:89\nModule.executeAsync\nunctx/dist/index.mjs:111:19\nsetup\n./C:/Users/MyPC/Workspace/my-project/apps/my-app/virtual:nuxt:C:/Users/MyPC/Workspace/my-project/apps/my-app/.nuxt/plugins/server.mjs:77:65\n(anonymous)\nnuxt/dist/app/nuxt.js:146:60\nfn\nnuxt/dist/app/nuxt.js:228:44\nObject.callAsync\nunctx/dist/index.mjs:68:55\n(anonymous)\nnuxt/dist/app/nuxt.js:231:56\nObject.runWithContext\n@vue/runtime-core/dist/runtime-core.cjs.js:3940:18\ncallWithNuxt\nnuxt/dist/app/nuxt.js:231:24\n```\n\nBesides these logs from the devtools plugins I see nothing in the actual logs, even with debug and dev flag",[],293,"Cannot read properties of undefined (reading 'provider') - nuxt apps not starting anymore","2024-11-04T12:44:48Z","https://github.com/nuxt/icon/issues/293",0.6983003,{"description":2016,"labels":2017,"number":2024,"owner":1991,"repository":1992,"state":2025,"title":2026,"updated_at":2027,"url":2028,"score":2029},"### Description\n\nHi there,\n\nI'd like to know, how to deal with paginated data that comes from the used API, e.g. a Laravel resource response.\n\n```\n{\n \"current_page\": 1,\n \"data\": [\n {\n \"id\": \"1\",\n \"name\": \"Foo\",\n \"created_at\": \"2025-04-01T11:46:21+00:00\"\n },\n {\n \"id\": \"2\",\n \"name\": \"Bar\",\n \"created_at\": \"2025-04-01T11:46:21+00:00\"\n },\n ],\n \"first_page_url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=1\",\n \"from\": 1,\n \"last_page\": 14,\n \"last_page_url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=14\",\n \"links\": [\n {\n \"url\": null,\n \"label\": \"« Previous\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=1\",\n \"label\": \"1\",\n \"active\": true\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=2\",\n \"label\": \"2\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=3\",\n \"label\": \"3\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=4\",\n \"label\": \"4\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=5\",\n \"label\": \"5\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=6\",\n \"label\": \"6\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=7\",\n \"label\": \"7\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=8\",\n \"label\": \"8\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=9\",\n \"label\": \"9\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=10\",\n \"label\": \"10\",\n \"active\": false\n },\n {\n \"url\": null,\n \"label\": \"...\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=13\",\n \"label\": \"13\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=14\",\n \"label\": \"14\",\n \"active\": false\n },\n {\n \"url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=2\",\n \"label\": \"Next »\",\n \"active\": false\n }\n ],\n \"next_page_url\": \"https:\\/\\/api.example.test\\/test?page%5Bsize%5D=30&page%5Bnumber%5D=2\",\n \"path\": \"https:\\/\\/api.example.test\\/test\",\n \"per_page\": 30,\n \"prev_page_url\": null,\n \"to\": 30,\n \"total\": 394\n}\n```\n\nI am a bit intimidated by the TanStack API.",[2018,2021],{"name":2019,"color":2020},"question","d876e3",{"name":2022,"color":2023},"v3","49DCB8",3776,"closed","Use UTable with paginated data, which comes from API","2025-04-04T13:04:05Z","https://github.com/nuxt/ui/issues/3776",0.6654299,{"description":2031,"labels":2032,"number":2033,"owner":1991,"repository":2002,"state":2025,"title":2034,"updated_at":2035,"url":2036,"score":2037},"My folder structure looks the same as it is described in the documentation (https://nuxt.com/modules/icon#custom-local-collections):\n\n`assets/my-icons/photogrammetry.svg`\n\nHowever, I load content from a json file:\n\n```json\n{\n \"data\": {\n \"0\": {\n \"title\": \"Video- & Photography\",\n \"icon\": \"my-icon:photogrammetry\",\n \"iconColor\": \"text-cyan-400\",\n [...]\n },\n```\n\n... into the component:\n\n```vue\n\u003Cscript setup>\nimport services from \"/public/jsons/services.json\"\n...\n\u003C/script>\n\n\u003Ctemplate>\n[...]\n \u003Cdiv class=\"[ card ] absolute\" :class=\"service.iconColor\">\n \u003CIcon :name=\"service.icon\" :color=\"service.iconColor\" size=\"10rem\" />\n \u003C/div>\n[...]\n\u003C/template>\n```\n\nThe icon (which is and remains black) does not accept any color, while any standard implementation (icon from a downloaded icon set like mdi) does indeed change the color of an icon.\n\n(Just in case this is not an error: What kind of \"treatment\" do I have to apply to make my icon accept color?)",[],307,"custom local collections do not accept props like color","2024-11-23T10:19:42Z","https://github.com/nuxt/icon/issues/307",0.67433035,{"description":2039,"labels":2040,"number":2043,"owner":1991,"repository":1992,"state":2025,"title":2044,"updated_at":2045,"url":2046,"score":2047},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v23.6.1`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.21.1`\n- Nitro Version: `2.10.4`\n- Package Manager: `pnpm@10.0.0`\n- Builder: `-`\n- User Config: `compatibilityDate`, `future`, `devtools`, `modules`, `css`, `eslint`, `runtimeConfig`, `ui`\n- Runtime Modules: `@nuxt/ui@3.0.0-alpha.12`, `@nuxt/eslint@0.7.5`, `@nuxt/image@1.9.0`, `@vueuse/nuxt@12.5.0`, `@nuxt/content@3.0.1`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/frosty-pond-zrpyrd\n\n### Description\n\nSometimes typescript throws errors such as `Type 'string' is not assignable to type 'string[]'` when using the `ui` props on various components, despite the usage being in theory valid and working in practice.\n\nExample:\n\n```vue\n\u003CUTextarea\n :ui=\"{\n base: 'resize-none', // False positive TS error here\n }\"\n/>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2041,2042],{"name":1985,"color":1986},{"name":2022,"color":2023},3299,"Wrong types in `ui` with errors Type 'string' is not assignable to type 'string[]'","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3299",0.67748207,{"description":2049,"labels":2050,"number":2053,"owner":1991,"repository":2054,"state":2025,"title":2055,"updated_at":2056,"url":2057,"score":2058},"I got a \n```\n---\ntitle: ''\n---\n```\n\nWe should not set the `title` and `description` key if empty since Content v2 will automatically takes the first `\u003Ch1>` to generate it.",[2051],{"name":1985,"color":2052},"ff281a",505,"nuxt.com","[Project] Don't generate the front-matter if values are empty","2023-02-15T12:32:27Z","https://github.com/nuxt/nuxt.com/issues/505",0.6781777,{"description":2060,"labels":2061,"number":2053,"owner":1991,"repository":2071,"state":2025,"title":2072,"updated_at":2073,"url":2074,"score":2058},"As you mentioned in the playground tests, it would be great if we can use vue-router for navigating etc. \r\nAlso really helpfull if you have dynamic routes where the API relies on some `route.params` value.",[2062,2065,2068],{"name":2063,"color":2064},"enhancement","a2eeef",{"name":2066,"color":2067},"help wanted","008672",{"name":2069,"color":2070},"vitest-environment","b60205","test-utils","(feat) Vue router support","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/505",{"description":2076,"labels":2077,"number":2078,"owner":1991,"repository":2079,"state":2025,"title":2080,"updated_at":2081,"url":2082,"score":2083},"Docs: https://posthog.com/docs/libraries/js\r\n\r\nFor reference this is how I currently instrument it:\r\n\r\n```\r\nimport { Capacitor } from '@capacitor/core'\r\nimport { posthog } from 'posthog-js'\r\nimport { appVersion } from '~/shared/version'\r\n\r\nexport default defineNuxtPlugin({\r\n name: 'analytics',\r\n setup() {\r\n if (import.meta.env.TEST) {\r\n return\r\n }\r\n\r\n const config = useRuntimeConfig()\r\n const router = useRouter()\r\n\r\n if (config.public.analyticsReportingEnabled) {\r\n posthog.init(config.public.posthog.dsn, {\r\n capture_pageview: false,\r\n capture_pageleave: true,\r\n api_host: config.public.posthog.apiHost,\r\n disable_session_recording: true,\r\n advanced_disable_decide: true,\r\n advanced_disable_feature_flags: true,\r\n advanced_disable_feature_flags_on_first_load: true,\r\n enable_recording_console_log: false,\r\n autocapture: false\r\n })\r\n\r\n posthog.register({\r\n environment: config.public.appEnvironment,\r\n countryCode: config.public.appCountryCode,\r\n release: appVersion,\r\n platform: Capacitor.getPlatform(),\r\n native: Capacitor.isNativePlatform()\r\n })\r\n\r\n router.afterEach(to => {\r\n posthog.capture('$pageview', {\r\n $current_url: to.fullPath\r\n })\r\n })\r\n }\r\n\r\n return {\r\n provide: {\r\n analytics: posthog\r\n }\r\n }\r\n }\r\n})\r\n```\r\n\r\nand after the user has logged in or we detect they are already logged in on page load:\r\n\r\n```\r\nthis.analytics.identify(userId, {\r\n email\r\n roles\r\n})\r\n ```\r\n \r\n Thanks!\r\n\r\n",[],206,"scripts","Suggestion: Posthog [analytics]","2024-09-03T16:06:49Z","https://github.com/nuxt/scripts/issues/206",0.6820469,{"description":2085,"labels":2086,"number":2091,"owner":1991,"repository":2092,"state":2025,"title":2093,"updated_at":2094,"url":2095,"score":2096},"I've explored other font providers, looks like `fontsource` is also quite promising.\r\n\r\nCurrently most of its fonts are from Google Fonts, along with some icons and some other fonts. It's also the service that Cloudflare Fonts is fetching from.\r\n\r\n@danielroe Would you like to include this font provider? If so, I'd like to work on it.\r\n\r\nDocs: https://fontsource.org/docs",[2087,2088],{"name":2063,"color":2064},{"name":2089,"color":2090},"provider","1161A4",65,"fonts","feat: fontsource provider","2024-03-20T13:12:12Z","https://github.com/nuxt/fonts/issues/65",0.6874925,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"kXVVNChlXL19C6qtpklWKL70kBzL8V-3JMjTMPFDlaM":-1},"/nuxt/icon/301"]