\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.6590948,{"description":2871,"labels":2872,"number":2877,"owner":2863,"repository":2878,"state":2865,"title":2879,"updated_at":2880,"url":2881,"score":2882},"**Summary (generated)**:\n\nHere is a brief summary in English:\n\nA developer is trying to set up end-to-end testing for server-side functionality in a Nuxt app using Nitro, but is encountering errors related to frontend routes despite setting `server` to true and `browser` to false. The error is apparently due to the absence of an `index.vue` file in the `/pages` directory, which is expected to contain application logic. The developer expects the setup to only run the server part and not be concerned with frontend parts.\n\n\u003Chr>\n\n### Discussed in https://github.com/nuxt/nuxt/discussions/27820\r\n\r\n\u003Cdiv type='discussions-op-text'>\r\n\r\n\u003Csup>Originally posted by **manpreet-compro** June 25, 2024\u003C/sup>\r\nI am working on a Nuxt app and trying to set up end-to-end testing for server-side functionality related to API endpoints I have developed using Nitro. However, I encounter errors related to frontend routes despite my expectation to run only the server part without involving the frontend.\r\n\r\nTest server setup code\r\n```\r\nawait setup({\r\n rootDir: fileURLToPath(new URL('../..', import.meta.url)),\r\n server: true,\r\n browser: false,\r\n dev: true,\r\n setupTimeout: 600 * 1000\r\n });\r\n```\r\nI am setting `server` to true and `browser` to false. I am seeing the following error\r\n\r\n\u003Cimg width=\"481\" alt=\"25 06 2024_20 41 31_REC\" src=\"https://github.com/nuxt/nuxt/assets/21414469/98888418-6f7a-4e57-a8d4-db035e047a9a\">\r\n\r\nI found out this error is related to frontend routes, particularly of absence of `index.vue` in my project under `/pages` which is expected application logic. **I expected this setup to run only the server part and not be concerned with the frontend part.** \r\n\r\nAm I missing something? Any help will be appreciated\r\n\r\nFollowing is vitest config file for reference\r\n```\r\nimport { defineVitestConfig } from '@nuxt/test-utils/config';\r\n\r\nexport default defineVitestConfig({\r\n test: {\r\n reporters: 'verbose',\r\n passWithNoTests: true\r\n }\r\n});\r\n```\r\n\r\n\u003C/div>",[2873,2874],{"name":2857,"color":2858},{"name":2875,"color":2876},"vitest-environment","b60205",874,"test-utils","Why do errors occur when using '@nuxt/test-utils/e2e' for API testing?","2024-06-27T15:08:07Z","https://github.com/nuxt/test-utils/issues/874",0.6720239,{"description":2884,"labels":2885,"number":2888,"owner":2863,"repository":2864,"state":2865,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### 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```",[2886,2887],{"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.67417485,{"description":2894,"labels":2895,"number":2903,"owner":2863,"repository":2864,"state":2865,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nHello everyone, I’d like to discuss the possibility of setting `props` by default from `AppConfig`. Currently, it’s very convenient that we can configure the theme through the config. It would be great to have a similar option for props. Previously, @benjamincanac mentioned [here](https://github.com/nuxt/ui/issues/1289#issuecomment-2480556540) that this is not currently planned.\n\nMy proposal is simple: wrap all `withDefaults` in our own implementation. This way, we can define props without making significant changes to the code.\n\n## What it could look like\n\nLet’s look at the `Accordion.vue` component. At the moment, its props look like this:\n```ts\nconst props = withDefaults(defineProps\u003CAccordionProps\u003CT>>(), {\n type: 'single',\n collapsible: true,\n labelKey: 'label'\n})\n```\nLet’s assume our wrapper is called `withUiDefaults`. Then the code would look like this:\n```diff\n-const props = withDefaults(defineProps\u003CAccordionProps\u003CT>>(), {\n+const props = withUiDefaults(defineProps\u003CAccordionProps\u003CT>>(), {\n type: 'single',\n collapsible: true,\n labelKey: 'label'\n})\n```\nThe implementation of `withUiDefaults` is quite simple:\n```ts\nfunction withUiDefaults(props, defaults) {\n const defaultFromConfig = {}\n\n return withDefaults(props, {\n ...defaults,\n ...defaultFromConfig\n })\n}\n``` \n\n## Issues I See\n\n1) **Typing `AppConfig` might be challenging** \n We would need to somehow generate types based on the components. \n **My opinion:** I think we can retrieve this using `vue-component-meta` during the UI build stage. So, in my opinion, this isn’t a significant problem.\n\n2) **Developers might set `modelValue` or other critical props by default** \n **My opinion:** In such cases, we can log a warning to the console. Additionally, developers should understand which props they are overriding. We won’t be able to cover all edge cases, but I don’t think we need to.\n\n### Additional context\n\n_No response_",[2896,2899,2902],{"name":2897,"color":2898},"enhancement","a2eeef",{"name":2900,"color":2901},"v3","49DCB8",{"name":2860,"color":2861},2662,"Override default props from `AppConfig`","2024-11-17T08:30:46Z","https://github.com/nuxt/ui/issues/2662",0.6751537,{"description":2909,"labels":2910,"number":285,"owner":2863,"repository":2912,"state":2865,"title":2913,"updated_at":2914,"url":2915,"score":2916},"To improve the security of using third-party scripts, we're able to compute the integrity of a script at build time and inject it within the `\u003Cscript>` tag. \r\n\r\nFor example, we can do something like this:\r\n\r\n```ts\r\nuseScript({ src: 'https://example.com/test.js' })\r\n```\r\n\r\n-->\r\n\r\n```ts\r\n// without bundling\r\nuseScript({ src: 'https://example.com/test.js', integrity: 'sha512-...' })\r\n// with bundling\r\nuseScript({ src: '/....js', integrity: 'sha512-...' })\r\n```\r\n\r\nThis would provide a window between builds that would block potential attackers from modifying the script with malicious code. If a script source has already been attacked when the integrity is computed it wouldn't do anything useful.\r\n\r\n@vejja Would be great to have your input on this :pray: \r\n",[2911],{"name":2897,"color":2898},"scripts","Security: Implement Automatic Integrity Checks","2024-04-21T09:13:10Z","https://github.com/nuxt/scripts/issues/15",0.681164,{"description":2918,"labels":2919,"number":2921,"owner":2863,"repository":2878,"state":2922,"title":2923,"updated_at":2924,"url":2925,"score":2926},"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",[2920],{"name":2875,"color":2876},557,"closed","_fetch is not a function","2023-12-02T00:22:09Z","https://github.com/nuxt/test-utils/issues/557",0.64442974,{"description":2928,"labels":2929,"number":2934,"owner":2863,"repository":2864,"state":2922,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### 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```",[2930,2931],{"name":2857,"color":2858},{"name":2932,"color":2933},"duplicate","cfd3d7",2805,"UButton icon breaks button position","2024-12-03T11:21:27Z","https://github.com/nuxt/ui/issues/2805",0.6522769,{"description":2940,"labels":2941,"number":2946,"owner":2863,"repository":2947,"state":2922,"title":2948,"updated_at":2949,"url":2950,"score":2951},"I've explored other font providers, looks like `fontsource` is also quite promising.\r\n\r\nCurrently most of its fonts are from Google Fonts, along with some icons and some other fonts. It's also the service that Cloudflare Fonts is fetching from.\r\n\r\n@danielroe Would you like to include this font provider? If so, I'd like to work on it.\r\n\r\nDocs: https://fontsource.org/docs",[2942,2943],{"name":2897,"color":2898},{"name":2944,"color":2945},"provider","1161A4",65,"fonts","feat: fontsource provider","2024-03-20T13:12:12Z","https://github.com/nuxt/fonts/issues/65",0.65618664,{"description":2953,"labels":2954,"number":2959,"owner":2863,"repository":2864,"state":2922,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Description\n\nIf i try to define the position of the notification using the `ui` prop `\u003CUNotifications :ui=\"{position: 'top-0 right-0'}\" />`\r\nthe \"default\" configuration is applied as well (`bottom-0 end-0 `) this happens also if defining the position using the app.config.ts.. I'm assuming i'm doing it wrong.. please advice.. \r\n",[2955,2956],{"name":2932,"color":2933},{"name":2957,"color":2958},"question","d876e3",2180,"Notification position","2024-09-11T14:08:24Z","https://github.com/nuxt/ui/issues/2180",0.6667667,{"description":2965,"labels":2966,"number":2970,"owner":2863,"repository":2912,"state":2922,"title":2971,"updated_at":2972,"url":2973,"score":2974},"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",[2967],{"name":2968,"color":2969},"pre-announce","c2e0c6",47,"Public Announce Tasks","2024-08-16T13:00:58Z","https://github.com/nuxt/scripts/issues/47",0.66804695,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgrkSR_Q124zogcFh6q8lXFDY0ZvLyRZyhSC3CM4055o":-1},"/nuxt/ui/2832"]