\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```",[2878,2881],{"name":2879,"color":2880},"bug","d73a4a",{"name":2882,"color":2883},"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.67733383,{"description":2891,"labels":2892,"number":2896,"owner":2868,"repository":2897,"state":2898,"title":2899,"updated_at":2900,"url":2901,"score":2902},"\n",[2893],{"name":2894,"color":2895},"enhancement","1ad6ff",601,"nuxt.com","closed","[Modules] Version select can go to the right of the title on mobile","2023-02-15T12:32:36Z","https://github.com/nuxt/nuxt.com/issues/601",0.61662006,{"description":2904,"labels":2905,"number":2896,"owner":2868,"repository":2909,"state":2898,"title":2910,"updated_at":2911,"url":2912,"score":2902},"As I am currently using the [Provide / Inject](https://vuejs.org/guide/components/provide-inject.html#app-level-provide) feature, I am wondering how to go about mocking the injected object, example in my code I have:\r\n\r\n```ts\r\n// in dashboard.vue\r\n\r\nconst { error, data } = await settingsStore.refreshRemoteSettings(); // we refresh the user settings state\r\nprovide(REMOTE_SETTINGS, data);\r\n\r\n// in my composable\r\nconst settings = inject(REMOTE_SETTINGS);\r\n```\r\n\r\nis there a way to achieve this currently with Viteest? and can we have a helper like `mockInject` or `mockProvide` ?",[2906],{"name":2907,"color":2908},"vitest-environment","b60205","test-utils","Mock an Injected object","2023-12-02T23:27:08Z","https://github.com/nuxt/test-utils/issues/601",{"description":2914,"labels":2915,"number":2922,"owner":2868,"repository":2885,"state":2898,"title":2923,"updated_at":2924,"url":2925,"score":2926},"### 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```",[2916,2919],{"name":2917,"color":2918},"question","d876e3",{"name":2920,"color":2921},"v3","49DCB8",2772,"@apply Tailwind CSS class in a component's `\u003Cstyle>` tag","2024-12-09T11:14:28Z","https://github.com/nuxt/ui/issues/2772",0.6501607,{"description":2928,"labels":2929,"number":2935,"owner":2868,"repository":2885,"state":2898,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0, nuxt-file-storage@0.2.9\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\n```vue\n\u003Cscript setup lang=\"ts\">\n const place = ref({\n day: 1\n })\n\n const days = ref([\n {\n value: 1,\n label: 'Day 1'\n },\n {\n value: 2,\n label: 'Day 2'\n }\n ])\n\u003C/script>\n\n\u003Ctemplate>\n Place:\n \u003Cpre>{{ place }}\u003C/pre>\n \u003CUSelect v-model=\"place.day\" :items=\"days\" class=\"w-32\" />\n\u003C/template>\n```\n\n### Description\n\nhttps://skr.sh/vT9fUh9cK0d\n\nAfter change `1` transforms to `\"1\"` and got error in console.",[2930,2931,2934],{"name":2879,"color":2880},{"name":2932,"color":2933},"duplicate","cfd3d7",{"name":2920,"color":2921},2886,"USelect converts integer value to string","2025-01-09T14:22:11Z","https://github.com/nuxt/ui/issues/2886",0.6571455,{"description":2941,"labels":2942,"number":2952,"owner":2868,"repository":2868,"state":2898,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Environment\n\nnode 18.18.0\r\nyarn 1.22.21\r\n\n\n### Reproduction\n\n\"devDependencies\": {\r\n \"@awesome-image/image\": \"^0.0.10\",\r\n \"@awesome-image/services\": \"^0.0.2\",\r\n \"@nuxt/kit\": \"^3.9.1\",\r\n \"@nuxtjs/i18n\": \"^8.3.0\",\r\n \"@nuxtjs/sitemap\": \"^5.1.4\",\r\n \"@tailwindcss/aspect-ratio\": \"^0.4.2\",\r\n \"@tailwindcss/forms\": \"^0.5.3\",\r\n \"@tailwindcss/line-clamp\": \"^0.4.2\",\r\n \"@tailwindcss/typography\": \"^0.5.7\",\r\n \"@types/aos\": \"^3.0.4\",\r\n \"@types/js-cookie\": \"^3.0.2\",\r\n \"@types/lodash\": \"^4.14.184\",\r\n \"@types/node\": \"^18.7.18\",\r\n \"@types/prettier\": \"^2.7.0\",\r\n \"axios\": \"^1.4.0\",\r\n \"cross-env\": \"^7.0.3\",\r\n \"nuxt\": \"^3.11.2\",\r\n \"prettier\": \"^2.7.1\",\r\n \"prettier-plugin-tailwindcss\": \"^0.1.13\",\r\n \"sass\": \"^1.54.8\",\r\n \"tailwindcss\": \"^3.2.1\",\r\n \"typescript\": \"*\",\r\n \"vite-plugin-svg-icons\": \"^2.0.1\"\r\n },\r\n \"dependencies\": {\r\n \"@nuxt/image\": \"^1.1.0\",\r\n \"aos\": \"^2.3.4\",\r\n \"crypto-js\": \"^4.1.1\",\r\n \"js-cookie\": \"^3.0.1\",\r\n \"lodash\": \"^4.17.21\",\r\n \"moment\": \"^2.29.4\",\r\n \"node-fetch-native\": \"^1.0.1\",\r\n \"swiper\": \"^8.3.2\"\r\n }\n\n### Describe the bug\n\nnode .output/server/index.mjs\r\nnode:internal/modules/cjs/loader:1098\r\n const err = new Error(`Cannot find module '${request}'`);\r\n ^\r\n\r\nError: Cannot find module '/Users/woohoo/code/adspower/temp/mix_www_fe/.output/server/node_modules/rollup/dist/rollup.js'\r\n at createEsmNotFoundErr (node:internal/modules/cjs/loader:1098:15)\r\n at finalizeEsmResolution (node:internal/modules/cjs/loader:1091:15)\r\n at resolveExports (node:internal/modules/cjs/loader:567:14)\r\n at Module._findPath (node:internal/modules/cjs/loader:636:31)\r\n at Module._resolveFilename (node:internal/modules/cjs/loader:1063:27)\r\n at Function.resolve (node:internal/modules/cjs/helpers:125:19)\r\n at resolveDependencyVersion (file:///Users/woohoo/code/adspower/temp/mix_www_fe/.output/server/node_modules/vite/dist/node/chunks/dep-DkOS1hkm.js:12213:47)\r\n at file:///Users/woohoo/code/adspower/temp/mix_www_fe/.output/server/node_modules/vite/dist/node/chunks/dep-DkOS1hkm.js:12216:23\r\n at ModuleJob.run (node:internal/modules/esm/module_job:194:25) {\r\n code: 'MODULE_NOT_FOUND',\r\n path: '/Users/woohoo/code/adspower/temp/mix_www_fe/.output/server/node_modules/rollup/package.json'\r\n}\r\n\r\nNode.js v18.18.0\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2943,2946,2949],{"name":2944,"color":2945},"3.x","29bc7f",{"name":2947,"color":2948},"pending triage","E99695",{"name":2950,"color":2951},"needs reproduction","FBCA04",26954,"node .output/server/index.mjs error","2024-04-26T07:37:23Z","https://github.com/nuxt/nuxt/issues/26954",0.6651789,{"description":2958,"labels":2959,"number":2962,"owner":2868,"repository":2868,"state":2898,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.17.0\r\n- Nuxt Version: 3.5.3\r\n- Nitro Version: 2.4.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: modules, buildModules, colorMode, ssr, pwa, tailwindcss, css, postcss, devtools\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.8.0, @vite-pwa/nuxt@0.0.7, @nuxtjs/google-fonts@3.0.1, @nuxt/image-edge@1.0.0-rc.1-28126030.07836ae\r\n- Build Modules: @nuxtjs/color-mode@3.3.0\n\n### Reproduction\n\n at Object.\u003Canonymous> (node_modules/ansi-align/index.js:3:21)\r\n at async Promise.all (index 0)\r\n at async normalizedModule (node_modules/@nuxt/kit/dist/index.mjs:2140:17)\r\n at async installModule (/home/foddie/node_modules/@nuxt/kit/dist/index.mjs:2407:95)\r\n at async initNuxt (/home/foddie/node_modules/nuxt/dist/index.mjs:2928:7)\r\n at async load (node_modules/nuxi/dist/chunks/dev.mjs:204:9)\r\n at async Object.invoke (node_modules/nuxi/dist/chunks/dev.mjs:248:5)\r\n at async _main (node_modules/nuxi/dist/cli.mjs:48:20)\n\n### Describe the bug\n\n ERROR Cannot start nuxt: require() of ES Module \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2960,2961],{"name":2944,"color":2945},{"name":2947,"color":2948},21897," ERROR [unhandledRejection] require() of ES Module ","2023-07-05T12:24:42Z","https://github.com/nuxt/nuxt/issues/21897",0.6663801,{"description":2968,"labels":2969,"number":2972,"owner":2868,"repository":2868,"state":2898,"title":2973,"updated_at":2974,"url":2975,"score":2976},"### Environment\n\nNuxt project info: (copied to clipboard) 2:12:15 PM\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v18.18.2\n- Nuxt Version: 3.14.0\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: yarn@3.2.4\n- Builder: webpack\n- User Config: default\n- Runtime Modules: @pinia/nuxt@0.4.11, floating-vue/nuxt, @nuxtjs/style-resources@2.0.0, ~/modules\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:55 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:55 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:55 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:55 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:55 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:55 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:56 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:57 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:57 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:57 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:57 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:57 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-import. Please report this as a bug. 2:07:57 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. 2:07:58 PM\n\n\n WARN [nuxt] could not import postcss plugin postcss-url. Please report this as a bug. \n\n### Describe the bug\n\nRelated to this https://github.com/nuxt/nuxt/issues/28239\n\n### Additional context\n\n```\n \"dependencies\": {\n \"@babel/core\": \"^7.23.2\",\n \"@babel/preset-env\": \"^7.23.2\",\n \"@nuxt/kit\": \"3.14.0\",\n \"@nuxt/webpack-builder\": \"3.14.0\",\n \"@nuxtjs/style-resources\": \"^2.0.0\",\n \"@pinia/nuxt\": \"^0.4.11\",\n \"@vue/babel-plugin-jsx\": \"^1.1.5\",\n \"babel-loader\": \"^9.1.3\",\n \"cookie-universal\": \"^2.2.2\",\n \"core-js\": \"^3.24.1\",\n \"dotenv\": \"^16.4.5\",\n \"floating-vue\": \"^5.0.3\",\n \"moment\": \"^2.29.4\",\n \"nuxt\": \"3.14.0\",\n \"nuxt-user-agent\": \"^1.2.2\",\n \"nuxt-webfontloader\": \"^1.1.0\",\n \"process\": \"^0.11.10\",\n \"vue\": \"3.5.13\",\n \"vue-i18n\": \"^10.0.4\",\n \"vue-router\": \"^4.2.5\",\n \"vue3-lazy-hydration\": \"^1.2.1\",\n \"vuex\": \"^4.1.0\"\n },\n \"devDependencies\": {\n \"eslint\": \"^8.57.0\",\n \"eslint-config-standard\": \"^17.1.0\",\n \"eslint-plugin-import\": \"^2.29.1\",\n \"eslint-plugin-jest\": \"^27.9.0\",\n \"eslint-plugin-n\": \"^16.6.2\",\n \"eslint-plugin-promise\": \"^6.1.1\",\n \"eslint-plugin-vue\": \"^9.23.0\",\n \"eslint-plugin-workspaces\": \"^0.10.0\",\n \"jest\": \"^29.2.2\",\n \"vue-eslint-parser\": \"^9.4.2\"\n }\n```\n\n### Logs\n\n```shell-script\n\n```",[2970,2971],{"name":2947,"color":2948},{"name":2950,"color":2951},30097,"Could not import postcss plugin with ESM #28239","2025-03-24T23:14:49Z","https://github.com/nuxt/nuxt/issues/30097",0.67113924,{"description":2978,"labels":2979,"number":2982,"owner":2868,"repository":2885,"state":2898,"title":2983,"updated_at":2984,"url":2985,"score":2986},"### Description\n\nBefore using `nuxt ui`, I briefly skimmed through the repository and found an already closed issue: [3018](https://github.com/nuxt/ui/issues/3018)\n\nThe error and solution mentioned in this issue (the [v2 documentation](https://ui.nuxt.com/getting-started/installation) indeed did not mention the solution) can actually be resolved by adding `tailwindcss@next` to the `peerDependencies` section in the `package.json` file.\n\nThis is because when [nuxi module add](https://github.com/nuxt/cli/blob/1afc06e8d08ea781fc5fede343de8d68865c2b4e/packages/nuxi/src/commands/module/add.ts#L134) installs a module, it not only installs the module itself but also scans the module package's `peerDependencies`.\n\nFor example, when using `nuxi module add pinia`, since `@pinia/nuxt` has `pinia` listed in its `peerDependencies` in the [package.json](https://github.com/vuejs/pinia/blob/3b21e08b6a068d18112b915b83f702fb5504ab73/packages/nuxt/package.json#L51C4-L51C20), both `@pinia/nuxt` and `pinia` will be automatically installed during the module installation.\n\nIf there are dependencies in `peerDependencies` that you do not want `nuxi module` to install automatically, you can use `peerDependenciesMeta` to ignore them, for [example](https://github.com/atinux/nuxt-auth-utils/blob/6b61b8888e3b3c6f60fd5ff767b7f0aa6cf09fc9/package.json#L57):\n\n```\n\"peerDependenciesMeta\": {\n \"pinia\": {\n \"optional\": true\n }\n },\n```\n\nTherefore, Nuxt UI can specify `tailwindcss@next` in the `peerDependencies` of `package.json`, ensuring Tailwind CSS is automatically installed when the Nuxt UI module is installed.\n\nThis solution applies to both v3 and v2.\n\n> PS: I noticed `typescript` in the `peerDependencies` of the v3 package.json. Is this a necessary dependency similar to `tailwindcss`? If not, after adding tailwindcss, perhaps `peerDependenciesMeta` could be used to ignore it.",[2980,2981],{"name":2917,"color":2918},{"name":2920,"color":2921},3349,"Add \"tailwindcss@next\" to the \"peerDependencies\" section in the package.json file.","2025-02-21T17:05:10Z","https://github.com/nuxt/ui/issues/3349",0.67504483,["Reactive",2988],{},["Set"],["ShallowReactive",2991],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fwIA1RNnnk_WOQzZ6oTtzNdLoaGOil41-6wYwhYeTGFg":-1},"/nuxt/test-utils/592"]