` must be a **client component**, so I enable experimental.componentIslands.selectiveClient (set it to true). However, when I generate my site, I receive a notification:\r\n\r\n WARN 13:44:23 \r\n(!) Some chunks are larger than 500 kB after minification. Consider:\r\n- Using dynamic import() to code-split the application\r\n- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks\r\n- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.\r\n\r\nAh OK, let's run `pnpm nuxt analyze` and check its client bundle status:\r\n\r\n\r\n\r\nAnd if I remove `@nuxt/content` from `modules` and re-run analyze again:\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[1984,1987],{"name":1985,"color":1986},"performance","E84B77",{"name":1988,"color":1989},"server components","839413",28696,"nuxt","open","Client chunk too large with experimental.componentIslands.selectiveClient (to true) and @nuxt/client","2024-08-25T15:29:14Z","https://github.com/nuxt/nuxt/issues/28696",0.6734941,{"description":1998,"labels":1999,"number":2006,"owner":1991,"repository":2007,"state":1992,"title":2008,"updated_at":2009,"url":2010,"score":2011},"**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>",[2000,2003],{"name":2001,"color":2002},"bug","d73a4a",{"name":2004,"color":2005},"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.6927319,{"description":2013,"labels":2014,"number":2022,"owner":1991,"repository":2023,"state":1992,"title":2024,"updated_at":2025,"url":2026,"score":2027},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.13.1\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: app, build, colorMode, compatibilityDate, debug, devtools, future, hooks, i18n, icon, imports, modules, nitro, routeRules, runtimeConfig, security, ssr, sourcemap, css, telemetry, vite\n- Runtime Modules: @nuxt/eslint@1.2.0, @pinia/nuxt@0.10.1, @vueuse/nuxt@13.0.0, @nuxtjs/i18n@9.3.1, nuxt-security@2.2.0, @nuxt/ui@3.0.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/wonderful-violet-jrsqy9\n\n### Description\n\nI get a type error when using an array of strings for the `variant` key inside of `compoundVariants´:\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: \"green\",\n neutral: \"slate\",\n },\n select: {\n compoundVariants: [\n {\n color: \"primary\",\n variant: [\"outline\", \"subtle\"],\n class: \"data-[state='open']:ring\",\n },\n ],\n },\n },\n});\n```\n\n```\napp/app.config.ts:11:11 - error TS2322: Type 'string[]' is not assignable to type 'string'.\n\n11 variant: [\"outline\", \"subtle\"],\n ~~~~~~~\n```\n\nIt does work tho, so its only a type issue I think.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2015,2016,2019],{"name":2001,"color":2002},{"name":2017,"color":2018},"v3","49DCB8",{"name":2020,"color":2021},"triage","ffffff",3579,"ui","Type error in app config `compoundVariants`","2025-03-16T14:04:52Z","https://github.com/nuxt/ui/issues/3579",0.69720227,{"description":2029,"labels":2030,"number":2033,"owner":1991,"repository":2023,"state":1992,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### 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```",[2031,2032],{"name":2001,"color":2002},{"name":2020,"color":2021},2856,"UTable cell content refuses to wrap","2024-12-06T23:25:36Z","https://github.com/nuxt/ui/issues/2856",0.7011115,{"description":2039,"labels":2040,"number":2041,"owner":1991,"repository":2042,"state":1992,"title":2043,"updated_at":2044,"url":2045,"score":2046},"It would be nice if you could alias and entire collection instead of just an icon.\n\nRight now I do it this way.\n```ts\nconst createIconAliases = (newPrefix: string, iconifyJson: IconifyJSON) => {\n const exisitngPrefix = iconifyJson.prefix;\n const icons = Object.keys(iconifyJson.icons);\n\n return icons.reduce(\n (object, value) => {\n object[`${newPrefix}:${value}`] = `${exisitngPrefix}:${value}`;\n return object;\n },\n {} as Record\u003Cstring, string>,\n );\n};\n```",[],362,"icon","[feature request] Allow aliasing entire collection","2025-02-21T20:10:51Z","https://github.com/nuxt/icon/issues/362",0.7012039,{"description":2048,"labels":2049,"number":2052,"owner":1991,"repository":2023,"state":1992,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.7`\n- Nuxt Version: `3.14.1592`\n- CLI Version: `3.15.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `default`\n- Runtime Modules: `@nuxt/ui@2.19.2`, `@artmizu/nuxt-prometheus@2.4.0`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n### Version\n\nv2.21.1\n\n### Reproduction\n\nhttps://ui2.nuxt.com/components/select-menu#control-the-query\n\nTry to select `Wade` in the query input with mouse or trackpad \n\u003Cimg width=\"494\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a0e90d62-aabb-4d40-9d8d-a6fed67fee02\" />\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```",[2050,2051],{"name":2001,"color":2002},{"name":2020,"color":2021},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.7109712,{"description":2058,"labels":2059,"number":2065,"owner":1991,"repository":2023,"state":2066,"title":2067,"updated_at":2068,"url":2069,"score":2070},"### Description\n\n### Description\n\n**Problem Statement:**\nWhen using a horizontal layout, having too many menu items can lead to a cluttered interface on smaller screens. This can negatively impact the user experience as the menu becomes overwhelming or improperly formatted.\n\n\n\n**Desired Functionality:**\nWe propose that \u003CUNavigationMenu> implements an internal mechanism to manage responsive menu item display. This functionality should work as follows:\n\n**Horizontal Mode:**\nWhen the menu is rendered horizontally, items that are configured with the optional hideOnMobile property should only be displayed if the screen width exceeds the specified breakpoint (e.g., 'lg'). This allows for a cleaner, less crowded horizontal menu on mobile devices.\n\n**Fallback Behavior:**\nIf a menu item does not have a hideOnMobile property defined, it should always be displayed, regardless of screen size.\n\n**Vertical Mode:**\nThe responsive hiding functionality should only apply when the menu is in horizontal mode. In vertical mode, all menu items should remain visible, independent of any hideOnMobile settings.\n\n\n\n**Benefits for Developers:**\nThis approach provides a clear and flexible API, allowing developers to simply set the desired breakpoint directly in the menu items configuration. The \u003CUNavigationMenu> component will then automatically apply the appropriate CSS classes based on the current layout and screen size. This keeps the menu configuration clean and minimizes manual CSS adjustments while ensuring a consistent and user-friendly interface across different devices.\n\n\n\n```\nconst items = [\n {\n label: 'Always Visible',\n to: '/always'\n },\n {\n label: 'Responsive Item',\n to: '/responsive',\n hideOnMobile: 'lg'\n }\n]\n```\n\n\n\n### Additional context\n\n_No response_\n\n### Additional context\n\n_No response_",[2060,2063,2064],{"name":2061,"color":2062},"enhancement","a2eeef",{"name":2017,"color":2018},{"name":2020,"color":2021},3492,"closed","Responsive Menu Items in \u003CUNavigationMenu>","2025-03-28T17:42:33Z","https://github.com/nuxt/ui/issues/3492",0.56966114,{"description":2072,"labels":2073,"number":2076,"owner":1991,"repository":2023,"state":2066,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### 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```",[2074,2075],{"name":2001,"color":2002},{"name":2017,"color":2018},3513,"Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.66351706,{"description":2082,"labels":2083,"number":2086,"owner":1991,"repository":2023,"state":2066,"title":2087,"updated_at":2088,"url":2089,"score":2090},"### 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_",[2084,2085],{"name":2001,"color":2002},{"name":2017,"color":2018},2349,"UInput causes error","2024-10-10T14:15:25Z","https://github.com/nuxt/ui/issues/2349",0.67355776,{"description":2092,"labels":2093,"number":2103,"owner":1991,"repository":1991,"state":2066,"title":2104,"updated_at":2105,"url":2106,"score":2107},"### Environment\r\n\r\nrc.8\r\n\r\n### Reproduction\r\n\r\ncan't, but my proj is down, aslo on vercel. Building Server forever....\r\n\r\n### Describe the bug\r\n\r\nD:\\NodeJsWS\\my-nuxt3-app>yarn build\r\nyarn run v1.22.18\r\n$ nuxt build\r\nNuxt CLI v3.0.0-rc.8 20:55:25\r\n\r\n WARN Use of eval is strongly discouraged, as it poses security risks and may cause issues with minification 20:55:44 \r\n\r\n\r\n WARN 20:55:53 \r\n(!) Some chunks are larger than 500 KiB after minification. Consider:\r\n- Using dynamic import() to code-split the application\r\n- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks\r\n- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.\r\n\r\ni Client built in 16936ms 20:55:53\r\ni Building server... 20:55:53\r\n√ Server built in 5497ms 20:55:58\r\n√ Generated public .output/public nitro 20:56:00\r\nstart Building server... \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_",[2094,2097,2100],{"name":2095,"color":2096},"3.x","29bc7f",{"name":2098,"color":2099},"pending triage","E99695",{"name":2101,"color":2102},"needs reproduction","FBCA04",14724,"yarn build hang with no error!!!","2023-01-19T17:39:21Z","https://github.com/nuxt/nuxt/issues/14724",0.6814335,["Reactive",2109],{},["Set"],["ShallowReactive",2112],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"m3V80aXwWP6EBIpQF9WUL36H9mXh_hawfKNVmV_VLhk":-1},"/nuxt/ui/2609"]