\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```",[2856,2859],{"name":2857,"color":2858},"bug","d73a4a",{"name":2860,"color":2861},"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.7033919,{"description":2871,"labels":2872,"number":2875,"owner":2863,"repository":2864,"state":2865,"title":2876,"updated_at":2877,"url":2878,"score":2879},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.18.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.9.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @sidebase/nuxt-auth@0.9.4, @nuxt/image@1.8.1\n- Build Modules: -\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://nuxtui-0mn3--3000--fc837ba8.local-credentialless.webcontainer.io\n\n\n### Description\n\nThis is the code from stackblitz, but it illustrates the problem (preview above). Basically, I am following the instructions for setting certain columns to have a maximum width, but UTable doesn't seem to be following them. If it's an implementation issue on my part, my apologies, but I've stared at this for a couple of days and I can't find any reason why I can't get the cell data to wrap.\n\n\u003Ctemplate>\n \u003CUContainer class=\"min-h-screen flex items-center\">\n \u003CUCard\n class=\"flex-1\"\n :ui=\"{\n background: 'bg-gray-50 dark:bg-gray-800/50',\n ring: 'ring-1 ring-gray-300 dark:ring-gray-700',\n divide: 'divide-y divide-gray-300 dark:divide-gray-700',\n header: { base: 'font-bold' },\n }\"\n >\n \u003Ctemplate #header> Welcome to the playground! \u003C/template>\n\n \u003Cp class=\"text-gray-500 dark:text-gray-400\">Try your components here!\u003C/p>\n \u003C/UCard>\n \u003CUTable :rows=\"data\" :columns=\"columns\">\n \u003C/UTable>\n \u003C/UContainer>\n\u003C/template>\n\n\u003Cscript setup>\nconst columns = [\n {\n key: \"name\",\n label: \"Name\",\n sortable: true,\n },\n {\n key: \"address\",\n label: \"Address\",\n rowClass: \"max-w-[200px] whitespace-normal break-word\",\n width: 200\n },\n {\n key: \"description\",\n label: \"Description\",\n rowClass: \"max-w-[200px] whitespace-normal break-word\",\n width: 200\n },];\n\n const data = [\n {\n name: \"Line 1 Name\",\n address: \"Line 1 - 123 Sesame Street, Anytown USA\",\n description: \"This is a relatively short description, but should probably wrap in any case.\"\n },\n {\n name: \"Line 2 Name\",\n address: \"Line 2 - a really really really really really really really really really really Loong address\",\n description: \"This is a really really really really really really really really really really really really really long description, and needs to be wrapped.\"\n}\n ]\n\u003C/script>\n\n\u003Cstyle>\nbody {\n @apply antialiased font-sans text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-900;\n}\n\u003C/style>\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2873,2874],{"name":2857,"color":2858},{"name":2860,"color":2861},2856,"UTable cell content refuses to wrap","2024-12-06T23:25:36Z","https://github.com/nuxt/ui/issues/2856",0.7057644,{"description":2881,"labels":2882,"number":2889,"owner":2863,"repository":2890,"state":2891,"title":2892,"updated_at":2893,"url":2894,"score":2895},"With the pinia nuxt module you can set `autoImports` in the configuration. I have something like this in mine:\r\n\r\n```\r\npinia: {\r\n autoImports: [['defineStore', 'definePiniaStore']],\r\n},\r\n```\r\nThat allows me to auto import `definePiniaStore` which is a reference to `defineStore`. \r\n\r\nThe import is not found when I try to test the store using nuxt-vitest. Is there something nuxt-vitest could do to support them? Or is it something that pinia needs to fix with their module on their end?",[2883,2886],{"name":2884,"color":2885},"vitest-environment","b60205",{"name":2887,"color":2888},"needs reproduction","DE7793",592,"test-utils","closed","Support pinia autoImports","2023-12-02T00:22:10Z","https://github.com/nuxt/test-utils/issues/592",0.6768084,{"description":2897,"labels":2898,"number":2903,"owner":2863,"repository":2864,"state":2891,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.5.1\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.14.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n\n### Version\n\n2.19.2\n\n### Reproduction\n\n- create blank nuxt project with nuxt-ui module\n- add to page some buttons\n```\n\u003Cdiv>\n \u003CUButton icon=\"i-heroicons:plus-20-solid\">Add\u003C/UButton>\n \u003CUButton icon=\"ic:baseline-minus\">Remove\u003C/UButton>\n \u003CUButton>Clear\u003C/UButton>\n\u003C/div>\n```\n\n### Description\n\nButtons with icons (no matter icon set) jumping up raltive to clean text button\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2899,2900],{"name":2857,"color":2858},{"name":2901,"color":2902},"duplicate","cfd3d7",2805,"UButton icon breaks button position","2024-12-03T11:21:27Z","https://github.com/nuxt/ui/issues/2805",0.679679,{"labels":2909,"number":2916,"owner":2863,"repository":2863,"state":2891,"title":2917,"updated_at":2918,"url":2919,"score":2920},[2910,2913],{"name":2911,"color":2912},"3.x","29bc7f",{"name":2914,"color":2915},"pending triage","E99695",13522,"Unable to develop module according to docs guide","2023-01-19T16:58:43Z","https://github.com/nuxt/nuxt/issues/13522",0.6852874,{"description":2922,"labels":2923,"number":2927,"owner":2863,"repository":2890,"state":2891,"title":2928,"updated_at":2929,"url":2930,"score":2931},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.20.2\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: yarn@3.6.1\r\n- Builder: -\r\n- User Config: devtools, build, modules, fonts, colorMode, i18n, logLevel, nitro, sentry, runtimeConfig\r\n- Runtime Modules: nuxt-zod-i18n@latest, @nuxtjs/i18n@8.3.1, @nuxt/ui@^2.15.2, @nuxt/test-utils/module@3.12.1, @nuxt/fonts@latest, @vueuse/nuxt@10.9.0\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nJust create a simple component with :\r\n\r\n```\r\n\u003Cscript lang=\"ts\" setup>\r\nconst error = ref(false);\r\n\u003C/script>\r\n```\r\n\r\nSimple test \r\n\r\n```\r\nit('mount', async () => {\r\n const component = await mountSuspended(TheFooter);\r\n expect(component.html()).toMatchSnapshot();\r\n });\r\n```\n\n### Describe the bug\n\n```\r\nTypeError: 'set' on proxy: trap returned falsish for property 'error'\r\n ❯ Proxy.clonedComponent.render ../../../node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:131:44\r\n 129| renderContext[key] = passedProps[key];\r\n 130| }\r\n 131| return render.call(this, renderContext, ...args);\r\n | ^\r\n 132| } : void 0,\r\n 133| setup: setup ? (props2) => wrappedSetup(props2, setupContext) : void 0\r\n ❯ renderComponentRoot ../../../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:885:16\r\n ❯ ReactiveEffect.componentUpdateFn [as fn] ../../../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5969:46\r\n ❯ ReactiveEffect.run ../../../node_modules/@vue/reactivity/dist/reactivity.cjs.js:181:19\r\n ❯ instance.update ../../../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6100:16\r\n ❯ setupRenderEffect ../../../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6110:5\r\n ❯ ../../../node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:1639:9\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2924,2925],{"name":2857,"color":2858},{"name":2914,"color":2926},"5D08F5",835,"Test fail if component contain const error = ref(false);","2024-05-08T21:48:21Z","https://github.com/nuxt/test-utils/issues/835",0.69212425,{"description":2933,"labels":2934,"number":2939,"owner":2863,"repository":2863,"state":2891,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.2.3`\r\n- Nitro Version: `2.3.1`\r\n- Package Manager: `pnpm@7.19.0`\r\n- Builder: `vite`\r\n- User Config: `experimental`, `app`, `nitro`, `build`, `css`, `modules`, `runtimeConfig`, `typescript`, `vite`, `imports`, `sourcemap`, `postcss`\r\n- Runtime Modules: `@vueuse/nuxt@9.13.0`, `nuxt-windicss@2.6.0`, `@pinia/nuxt@0.4.7`, `@vant/nuxt@1.0.0-beta.0`\r\n- Build Modules: `-`\n\n### Reproduction\n\nError every time `pnpm build` is executed, But I don't know what the problem is, I hope to get your tips, please ~\n\n### Describe the bug\n\nENOENT: no such file or directory\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[vite:vue] Could not load E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue?macro=true&vue&type=script&setup=true&lang.ts (imported by pages/car/screening/index.vue?macro=true): ENOENT: no such file or directory, open 'E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue'\r\n\r\n ERROR Could not load E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue?macro=true&vue&type=script&setup=true&lang.ts (imported by pages/car/screening/index.vue?macro=true): ENOENT: no such file or directory, open 'E:/\\u79C1\\u5355/rvtimes_nuxt3_h5/pages/car/screening/index.vue'\r\n\r\n at Object.openSync (node:fs:594:3)\r\n at Object.readFileSync (node:fs:462:35)\r\n at getDescriptor (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/@vitejs+plugin-vue@4.0.0_vite@4.1.4+vue@3.2.47/node_modules/@vitejs/plugin-vue/dist/index.mjs:86:10)\r\n at Object.load (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/@vitejs+plugin-vue@4.0.0_vite@4.1.4+vue@3.2.47/node_modules/@vitejs/plugin-vue/dist/index.mjs:2663:28)\r\n at /E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:24343:40\r\n at async PluginDriver.hookFirstAndGetPlugin (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:24243:28)\r\n at async /E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:23531:75\r\n at async Queue.work (/E:/%E7%A7%81%E5%8D%95/rvtimes_nuxt3_h5/node_modules/.pnpm/rollup@3.19.1/node_modules/rollup/dist/es/shared/node-entry.js:24453:32)\n```\n",[2935,2936,2937],{"name":2911,"color":2912},{"name":2914,"color":2915},{"name":2887,"color":2938},"FBCA04",19679,"ENOENT: no such file or directory","2025-01-29T17:13:16Z","https://github.com/nuxt/nuxt/issues/19679",0.694183,{"description":2945,"labels":2946,"number":2950,"owner":2863,"repository":2951,"state":2891,"title":2952,"updated_at":2953,"url":2954,"score":2955},"\n",[2947],{"name":2948,"color":2949},"enhancement","1ad6ff",601,"nuxt.com","[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.6956336,{"description":2957,"labels":2958,"number":2950,"owner":2863,"repository":2890,"state":2891,"title":2960,"updated_at":2961,"url":2962,"score":2955},"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` ?",[2959],{"name":2884,"color":2885},"Mock an Injected object","2023-12-02T23:27:08Z","https://github.com/nuxt/test-utils/issues/601",{"description":2964,"labels":2965,"number":2967,"owner":2863,"repository":2890,"state":2891,"title":2968,"updated_at":2969,"url":2970,"score":2971},"Hello,\r\n\r\nI'v been trying to use msw along with this module in order to mock requests. However, any component using $fetch or useFetch raises a FetchError when mounting.\r\nIs there anything I've been missing here? I know the msw examples using react polyfill the fetch function, but I don't know how to do it in a nuxt environment.\r\n\r\n```\r\n// app.nuxt.test.ts\r\nimport { test } from 'vitest'\r\nimport app from './app.vue'\r\nimport { mount } from '@vue/test-utils'\r\n\r\ntest('my test', () => {\r\n // setup({ server: true })\r\n // global.fetch = fetch\r\n // globalThis.fetch = fetch\r\n // await mount(app)\r\n mount(app)\r\n})\r\n```\r\n\r\n```\r\n// app.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CNuxtWelcome />\r\n \u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nconst test = await $fetch('https://google.com')\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n",[2966],{"name":2884,"color":2885},557,"_fetch is not a function","2023-12-02T00:22:09Z","https://github.com/nuxt/test-utils/issues/557",0.696388,["Reactive",2973],{},["Set"],["ShallowReactive",2976],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fbP1ZyNHbkGKQnm2Abk6M-cIPnR1q_7qqp5EldTgVepQ":-1},"/nuxt/ui/2886"]