\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```",[2882,2883],{"name":2857,"color":2858},{"name":2860,"color":2861},3583,"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.6858121,{"description":2890,"labels":2891,"number":2892,"owner":2863,"repository":2874,"state":2865,"title":2893,"updated_at":2894,"url":2895,"score":2896},"The latest version v1.11.0 does not properly resolve the auto imported type of `Icon`\n\nWith the previous v1.10.3 - the auto imported `Icon` component shows a type error if missing props and also shows available props in the VS Code context window:\n\n\n\nWith v1.11.0 - the `Icon` component does not show any type errors if missing props and the available props are not displayed by VS Code:\n\n\n\nUsing dependencies:\n\n```json\n{\n \"@nuxt/icon\": \"1.11.0\",\n \"nuxt\": \"^3.16.0\",\n \"vue\": \"^3.5.13\",\n \"vue-router\": \"^4.5.0\"\n}\n```\n\nWith latest nuxt config:\n\n```ts\nexport default defineNuxtConfig({\n compatibilityDate: '2024-11-01',\n devtools: { enabled: true },\n modules: ['@nuxt/icon']\n})\n```",[],373,"Auto Import Types Not Resolving in latest v1.11.0","2025-03-19T00:11:46Z","https://github.com/nuxt/icon/issues/373",0.6864214,{"description":2898,"labels":2899,"number":2904,"owner":2863,"repository":2864,"state":2905,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### 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```",[2900,2901],{"name":2857,"color":2858},{"name":2902,"color":2903},"v3","49DCB8",3513,"closed","Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.63186353,{"description":2911,"labels":2912,"number":2917,"owner":2863,"repository":2864,"state":2905,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### 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```",[2913,2916],{"name":2914,"color":2915},"question","d876e3",{"name":2902,"color":2903},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.6330628,{"description":2923,"labels":2924,"number":2927,"owner":2863,"repository":2864,"state":2905,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\n\n\n\nI get this error anytime I try and use \u003CUInput /> even without any other code.\n\n### Version\n\nv3.0.0-alpha.5\n\n### Reproduction\n\n`\u003Ctemplate>\n \u003CUContainer>\n \u003CUForm :schema=\"schema\" :state=\"state\" class=\"space-y-4\" @submit=\"onSubmit\">\n \u003CUFormField label=\"Code\" name=\"Code\"\n >\u003CUInput v-model=\"state.code\" />\n \u003C/UFormField>\n \u003C/UForm>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { z } from 'zod';\nimport type { FormSubmitEvent } from '#ui/types';\n\nconst supabase = useSupabaseClient();\nconst toast = useToast();\n\n//Form\nconst schema = z.object({\n code: z.string().min(3),\n});\n\ntype Schema = z.output\u003Ctypeof schema>;\n\nconst state = reactive\u003CPartial\u003CSchema>>({\n code: undefined,\n});\n\nasync function onSubmit(event: FormSubmitEvent\u003CSchema>) {\n toast.add({\n title: 'Success',\n description: 'The form has been submitted.',\n color: 'success',\n });\n console.log(event.data);\n}\n\u003C/script>\n`\n\n### Description\n\nUInput causes an error\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2925,2926],{"name":2857,"color":2858},{"name":2902,"color":2903},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6359857,{"labels":2933,"number":2943,"owner":2863,"repository":2863,"state":2905,"title":2944,"updated_at":2945,"url":2946,"score":2947},[2934,2937,2940],{"name":2935,"color":2936},"enhancement","8DEF37",{"name":2938,"color":2939},"3.x","29bc7f",{"name":2941,"color":2942},"vite","3574D1",11850,"postcss config support for vite","2023-01-19T15:48:21Z","https://github.com/nuxt/nuxt/issues/11850",0.6624668,{"description":2949,"labels":2950,"number":2951,"owner":2863,"repository":2952,"state":2905,"title":2953,"updated_at":2954,"url":2955,"score":2956},"",[],1031,"nuxt.com","Move nuxtjs.org to v2.nuxt.com","2023-01-09T16:01:37Z","https://github.com/nuxt/nuxt.com/issues/1031",0.66784436,{"description":2958,"labels":2959,"number":2962,"owner":2863,"repository":2864,"state":2905,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.15.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.7.0\n- Builder: -\n- User Config: compatibilityDate, devtools, colorMode, css, modules, supabase, app\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/supabase@1.4.6, @nuxt/image@1.9.0, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/s7wlqy\n\n### Description\n\nThe UAlert component prop \"orientation\" does not work when set to horizontal. It stays in the default vertical mode in both my local env and the sandbox.\n\n### Additional context\n\n\n\nhttps://ui3.nuxt.dev/components/alert#orientation\n\n### Logs\n\n```shell-script\n\n```",[2960,2961],{"name":2857,"color":2858},{"name":2902,"color":2903},3370,"UAlert component orientation prop not working","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3370",0.6684555,["Reactive",2968],{},["Set"],["ShallowReactive",2971],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzpOphOrTzb99-pH_OpyaUDFqkUPEJKu-cyxn5yoH6HM":-1},"/nuxt/ui/2867"]