\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```",[2028,2029],{"name":2011,"color":2012},{"name":2017,"color":2018},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.69251454,{"description":2036,"labels":2037,"number":2041,"owner":1991,"repository":2042,"state":2043,"title":2044,"updated_at":2045,"url":2046,"score":2047},"Similar to https://github.com/nuxt/scripts/issues/30, this will block the public announcement.\r\n\r\nThese are several items that should be completed for the public release of the module. Any contributions are more than welcome.\r\n\r\n## Outstanding Issues\r\n\r\n- [x] https://github.com/nuxt/scripts/issues?q=sort%3Aupdated-desc+is%3Aissue+is%3Aopen+label%3Apre-announce++label%3Abug\r\n\r\n## Nuxt\r\n\r\n- [x] Nuxt Script bindings\r\n- [x] Create a module on [nuxt/modules](https://github.com/nuxt/modules): https://github.com/nuxt/modules/pull/953\r\n\r\n## [Documentation](https://scripts.nuxt.com/)\r\n\r\n### **Content** \r\n\r\n- [x] Review all content, fix typos, grammar etc\r\n- [x] Blog article introducing Nuxt Scripts\r\n- [x] Rewrite confetti tutorial for home page usage\r\n- [x] https://github.com/nuxt/scripts/issues/69\r\n\r\n### :warning: **Breaking Changes**\r\n\r\n- https://github.com/nuxt/scripts/commit/038d891502c5c5c945c59f42031095ddf43433e1\r\n- https://github.com/nuxt/scripts/commit/6abc6a2ba5997a99a50dd8133c8b88fcd0ed4daf\r\n- https://github.com/nuxt/scripts/commit/d32e0d88f88def586dd24969667ddfbe3a50544f\r\n- https://github.com/nuxt/scripts/commit/74235272a480d4d8928327d5760e0ce277f05c53\r\n\r\n### **Home Page**\r\n\r\n- [x] Add 1-2 \"feature\" (problem / solution) elements to the home page, \r\n\r\n## Nuxt Scripts\r\n\r\n### Tests\r\n\r\n- [x] e2e Bundling tests\r\n - [x] registry script\r\n\r\n### Module Integrations\r\n\r\n- [x] https://github.com/nuxt-modules/turnstile/pull/306 - Provides a sanity check that the API can support module integrations\r\n\r\n\r\n",[2038],{"name":2039,"color":2040},"pre-announce","c2e0c6",47,"scripts","closed","Public Announce Tasks","2024-08-16T13:00:58Z","https://github.com/nuxt/scripts/issues/47",0.6496775,{"description":2049,"labels":2050,"number":2053,"owner":1991,"repository":2020,"state":2043,"title":2054,"updated_at":2055,"url":2056,"score":2057},"### 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_",[2051,2052],{"name":2011,"color":2012},{"name":2014,"color":2015},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.6523391,{"description":2059,"labels":2060,"number":2067,"owner":1991,"repository":1991,"state":2043,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### Environment\r\n\r\n```text\r\n System:\r\n OS: macOS 13.4.1\r\n CPU: (8) arm64 Apple M1\r\n Memory: 74.94 MB / 16.00 GB\r\n Shell: 3.6.1 - /opt/homebrew/bin/fish\r\n Binaries:\r\n Node: 20.2.0 - /opt/homebrew/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 9.8.0 - /opt/homebrew/bin/npm\r\n pnpm: 7.29.1 - /opt/homebrew/bin/pnpm\r\n Browsers:\r\n Chrome: 116.0.5845.179\r\n Edge: 113.0.1774.57\r\n Safari: 16.5.1\r\n npmPackages:\r\n nuxt: ^2.17.1 => 2.17.1 \r\n```\r\n\r\n### Reproduction\r\n\r\n`yarn install --check-files`\r\n\r\n### Describe the bug\r\n\r\nWhen `yarn` does an install or checks the files, it reports:\r\n\r\n> \"nuxt > @nuxt/webpack > postcss-preset-env > postcss-custom-media > @csstools/cascade-layer-name-parser@1.0.4\" has incorrect peer dependency \"@csstools/css-tokenizer@^2.2.0\"\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\n❯ yarn install --check-files\r\nyarn install v1.22.19\r\n[1/4] 🔍 Resolving packages...\r\n[2/4] 🚚 Fetching packages...\r\n[3/4] 🔗 Linking dependencies...\r\nwarning \"aws-amplify > @aws-amplify/core > react-native-url-polyfill@1.3.0\" has unmet peer dependency \"react-native@*\".\r\nwarning \"aws-amplify > @aws-amplify/analytics > @aws-sdk/client-firehose > @aws-sdk/middleware-retry > react-native-get-random-values@1.9.0\" has unmet peer dependency \"react-native@>=0.56\".\r\nwarning \"nuxt > @nuxt/webpack > postcss-preset-env > postcss-custom-media > @csstools/cascade-layer-name-parser@1.0.4\" has incorrect peer dependency \"@csstools/css-tokenizer@^2.2.0\".\r\nwarning Workspaces can only be enabled in private projects.\r\n[4/4] 🔨 Building fresh packages...\r\n✨ Done in 8.76s.\r\n```\r\n",[2061,2064],{"name":2062,"color":2063},"pending triage","E99695",{"name":2065,"color":2066},"2.x","d4c5f9",23117,"Incorrect peer dependency \"@csstools/css-tokenizer@^2.2.0\"","2023-09-13T10:14:42Z","https://github.com/nuxt/nuxt/issues/23117",0.6562808,{"description":2073,"labels":2074,"number":2077,"owner":1991,"repository":2078,"state":2043,"title":2079,"updated_at":2080,"url":2081,"score":2082},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_10_20_at_11_27_53_d9d9a13fb1.mp4\n",[2075],{"name":2011,"color":2076},"ff281a",1004,"nuxt.com","Responsive (mobile & tablet): back to top of nav ","2023-10-10T14:45:28Z","https://github.com/nuxt/nuxt.com/issues/1004",0.663991,{"description":2084,"labels":2085,"number":2090,"owner":1991,"repository":2020,"state":2043,"title":2091,"updated_at":2092,"url":2093,"score":2094},"### 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```",[2086,2089],{"name":2087,"color":2088},"question","d876e3",{"name":2014,"color":2015},2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.6717945,{"description":2096,"labels":2097,"number":2102,"owner":1991,"repository":1991,"state":2043,"title":2103,"updated_at":2104,"url":2105,"score":2106},"### Environment\r\n\r\nNuxt project info:\r\n\r\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v14.17.5`\r\n- Nuxt Version: `3.1.2`\r\n- Nitro Version: `2.1.1`\r\n- Package Manager: `npm@8.3.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\n- \r\n\r\n### Describe the bug\r\n\r\nfailed to `yarn install` after `npx nuxi init \u003Cproject-name>`\r\n\r\ncase. `yarn install`\r\n\r\n```sh\r\nyarn install v1.22.19\r\ninfo No lockfile found.\r\n[1/4] 🔍 Resolving packages...\r\nwarning nuxt > unctx > magic-string > sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead\r\nwarning nuxt > vue > @vue/compiler-sfc > magic-string > sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead\r\nwarning nuxt > @nuxt/vite-builder > cssnano > cssnano-preset-default > postcss-svgo > svgo > stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility\r\n[2/4] 🚚 Fetching packages...\r\nerror rollup@3.14.0: The engine \"node\" is incompatible with this module. Expected version \">=14.18.0\". Got \"14.17.5\"\r\nerror Found incompatible module.\r\ninfo Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.\r\n```\r\n\r\ncase. `npm install`\r\n\r\n```sh\r\nnpm install\r\nnpm WARN EBADENGINE Unsupported engine {\r\nnpm WARN EBADENGINE package: '@vitejs/plugin-vue@4.0.0',\r\nnpm WARN EBADENGINE required: { node: '^14.18.0 || >=16.0.0' },\r\nnpm WARN EBADENGINE current: { node: 'v14.17.5', npm: '8.3.0' }\r\nnpm WARN EBADENGINE }\r\nnpm WARN EBADENGINE Unsupported engine {\r\nnpm WARN EBADENGINE package: 'vite@4.1.1',\r\nnpm WARN EBADENGINE required: { node: '^14.18.0 || >=16.0.0' },\r\nnpm WARN EBADENGINE current: { node: 'v14.17.5', npm: '8.3.0' }\r\nnpm WARN EBADENGINE }\r\nnpm WARN EBADENGINE Unsupported engine {\r\nnpm WARN EBADENGINE package: '@vitejs/plugin-vue-jsx@3.0.0',\r\nnpm WARN EBADENGINE required: { node: '^14.18.0 || >=16.0.0' },\r\nnpm WARN EBADENGINE current: { node: 'v14.17.5', npm: '8.3.0' }\r\nnpm WARN EBADENGINE }\r\nnpm WARN EBADENGINE Unsupported engine {\r\nnpm WARN EBADENGINE package: 'rollup@3.14.0',\r\nnpm WARN EBADENGINE required: { node: '>=14.18.0', npm: '>=8.0.0' },\r\nnpm WARN EBADENGINE current: { node: 'v14.17.5', npm: '8.3.0' }\r\nnpm WARN EBADENGINE }\r\nnpm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility\r\nnpm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead\r\n\r\n> postinstall\r\n> nuxt prepare\r\n\r\nNuxi 3.1.2 04:36:03\r\n✔ Types generated in .nuxt 04:36:04\r\n\r\nadded 610 packages, and audited 611 packages in 45s\r\n\r\n92 packages are looking for funding\r\n run `npm fund` for details\r\n\r\nfound 0 vulnerabilities\r\n```\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2098,2101],{"name":2099,"color":2100},"3.x","29bc7f",{"name":2062,"color":2063},18788,"failed to Install the dependencies by `yarn` ( npm is fine )","2023-02-05T20:49:08Z","https://github.com/nuxt/nuxt/issues/18788",0.67546374,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"lvvGCPuqZEwCJxa-f2_E0mh3EqipqfleWI0YTWSnnB0":-1},"/nuxt/test-utils/544"]