\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```",[2884,2887],{"name":2885,"color":2886},"bug","d73a4a",{"name":2888,"color":2889},"triage","ffffff",3583,"ui","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.75171363,{"description":2897,"labels":2898,"number":2904,"owner":2866,"repository":2891,"state":2868,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.20.3\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: npm@10.2.3\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, extends, modules\r\n- Runtime Modules: @nuxt/ui@2.18.4\r\n- Build Modules: -\n\n### Version\n\n2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-qsqtmc?file=app.vue\n\n### Description\n\nLandingFAQ being built on top Accordion, when an item has a specified \"slot\" property, it should allow to display custom content in a corresponding slot. In my reproduction, you can see i have an faq item with a slot property equal to \"risks\". When using \u003Ctemplate #risks> risks \u003C/template> to show a specific content for that item, it works well in the accordion but is ignored in the LandingFAQ where the content property is shown instead.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2899,2900,2903],{"name":2885,"color":2886},{"name":2901,"color":2902},"pro","5BD3CB",{"name":2888,"color":2889},2057,"LandingFAQ component in Pro ignores the \"slot\" property of an item","2024-09-10T20:23:57Z","https://github.com/nuxt/ui/issues/2057",0.7520498,{"description":2910,"labels":2911,"number":2912,"owner":2866,"repository":2867,"state":2913,"title":2914,"updated_at":2915,"url":2916,"score":2917},"I have this kind of template:\n```\n \u003Cspan>\n \u003CIcon\n v-show=\"!searching\"\n name=\"i-heroicons-magnifying-glass-20-solid\" />\n \u003CIcon\n v-show=\"searching\"\n name=\"i-heroicons-arrow-path-20-solid\"\n class=\"animate-spin\"\n />\u003C/span>\n```\n\nSo, it should show `magnifying-glass` when not searching and `arrow-path` when searching. This does not work. Depending on if the view was loaded during navigation or page load it does not change or there a both. With `v-if` it works fine.\n\nHere is a reproduction with `nuxt-ui`:\nhttps://stackblitz.com/edit/nuxt-ui-7zcwsg?file=app.vue,package.json\n\nAnd here is a reproduction from `nuxt-icon-playground`:\nhttps://stackblitz.com/edit/nuxt-icon-playground-odkjmz?file=app.vue,package.json\n\nIt works with 1.7.6 but not 1.8.0 onwards. Could this be related to #300 ?\n\n---\n```\n❯ npx nuxt info\nWorking directory: /home/projects/nuxt-ui \nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n------------------------------\n```\n",[],301,"closed","Issue with v-show on icons in 1.8.1 or 1.8.0","2024-11-20T15:03:29Z","https://github.com/nuxt/icon/issues/301",0.6729369,{"description":2919,"labels":2920,"number":2925,"owner":2866,"repository":2891,"state":2913,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### 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```",[2921,2922],{"name":2885,"color":2886},{"name":2923,"color":2924},"v3","49DCB8",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.67877305,{"description":2931,"labels":2932,"number":2935,"owner":2866,"repository":2936,"state":2913,"title":2937,"updated_at":2938,"url":2939,"score":2940},"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.",[2933],{"name":2885,"color":2934},"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.70363116,{"description":2942,"labels":2943,"number":2935,"owner":2866,"repository":2953,"state":2913,"title":2954,"updated_at":2955,"url":2956,"score":2940},"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.",[2944,2947,2950],{"name":2945,"color":2946},"enhancement","a2eeef",{"name":2948,"color":2949},"help wanted","008672",{"name":2951,"color":2952},"vitest-environment","b60205","test-utils","(feat) Vue router support","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/505",{"description":2958,"labels":2959,"number":2964,"owner":2866,"repository":2891,"state":2913,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nIn my Nuxt 3 project (that uses Nuxt UI `v3.0.0-alpha9`), I have a Vue component like this:\n\n```vue\n\u003Cscript setup lang=\"ts\">\n...\n\u003C/script>\n\n\u003Ctemplate>\n \u003CUContainer class=\"section\">\n ...\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cstyle scoped lang=\"scss\">\n@use \"tailwindcss\";\n\n.section + .section {\n @apply mt-8 lg:mt-12;\n}\n\u003C/style>\n```\n\nThe problem is that `@apply mt-8 lg:mt-12;` doesn't work unless I add this to my `nuxt.config.ts`:\n```\npostcss: {\n plugins: {\n \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n },\n},\n```\n\nHowever, when I do this, the Nuxt UI components stop working properly (e.g., Slideover renders at the bottom of the page and with wrong styling). How can I make the `@apply ...` work without breaking the Nuxt UI components?\n\nThis is my `package.json`:\n```json\n{\n \"name\": \"frontend\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"postinstall\": \"husky install && nuxt prepare\",\n \"dev\": \"nuxt dev\",\n \"build\": \"nuxt build\",\n \"preview\": \"nuxt preview\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^3.0.0-alpha.9\",\n \"nuxt\": \"latest\",\n \"nuxt-svgo\": \"latest\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@commitlint/cli\": \"latest\",\n \"@commitlint/config-conventional\": \"latest\",\n \"husky\": \"latest\",\n \"sass\": \"latest\"\n }\n}\n```\n\nThis is my `nuxt.config.ts`:\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: \"2024-04-03\",\n devtools: { enabled: false },\n modules: [\"@nuxt/ui\", \"nuxt-svgo\"],\n css: [\"@/assets/css/main.css\"],\n // postcss: {\n // plugins: {\n // \"@tailwindcss/postcss\": {}, // https://tailwindcss.com/docs/v4-beta#using-post-css\n // },\n // },\n appConfig: {\n // https://ui3.nuxt.dev/getting-started/theme#colors\n ui: {\n colors: {\n primary: \"primary\", // Defined in `assets/css/theme.css`\n secondary: \"secondary\", // Defined in `assets/css/theme.css`\n },\n },\n },\n});\n```\n\nThis is my `assets/main.css`:\n```css\n/* https://ui3.nuxt.dev/getting-started/installation/nuxt#import-tailwind-css-and-nuxt-ui-in-your-css */\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```",[2960,2963],{"name":2961,"color":2962},"question","d876e3",{"name":2923,"color":2924},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.7314637,{"description":2970,"labels":2971,"number":2984,"owner":2866,"repository":2866,"state":2913,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.4.2\r\n- Nitro Version: 2.4.0\r\n- Package Manager: pnpm@8.2.0\r\n- Builder: vite\r\n- User Config: app, css, modules, vite\r\n- Runtime Modules: @unocss/nuxt@0.51.8, nuxt-svgo@3.1.0\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n1. Set the `rollupOptions` with `vite.build ` in nuxt.config like below\r\n```ts\r\nrollupOptions: {\r\n output: {\r\n assetFileNames: (assetInfo) => {\r\n let extType = assetInfo.name?.split('.')[1] ?? ''\r\n if (/(png|jpe?g|svg)$/i.test(extType)) {\r\n extType ='img'\r\n } else if (/s?css$/i.test(extType)) {\r\n extType = 'css'\r\n }\r\n return `_nuxt/${extType}/[name].[hash].[ext]`\r\n }\r\n }\r\n }\r\n```\r\n2. After build, there are two dirs called css and img, but the css file use some images in img dir like that\r\n\r\n```css\r\n.some-calss {\r\n background: url('./img/a.png')\r\n}\r\n```\r\n3. So the pages cannot show the background-image because 404\r\n\n\n### Describe the bug\n\n1. The style are built like that\r\n\r\n```css\r\n.some-calss {\r\n background: url('./img/a.png')\r\n}\r\n```\r\n2. While the expected result should like that\r\n```css\r\n.some-calss {\r\n background: url('../img/a.png')\r\n}\r\n```\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2972,2975,2978,2981],{"name":2973,"color":2974},"3.x","29bc7f",{"name":2976,"color":2977},"pending triage","E99695",{"name":2979,"color":2980},"needs reproduction","FBCA04",{"name":2982,"color":2983},"closed-by-bot","ededed",20845,"Image are used in wrong reference in stylesheet file after build with rollup","2023-08-06T01:48:42Z","https://github.com/nuxt/nuxt/issues/20845",0.73279184,["Reactive",2990],{},["Set"],["ShallowReactive",2993],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fToKkkLjpFhGZfH9F2roRPSNJuslqbRXMxtyzVYBeYeM":-1},"/nuxt/ui/3776"]