\n \u003C/template>\n\n \u003Ctemplate #right>\n \u003CUColorModeButton />\n\n \u003CUButton\n to=\"https://github.com/nuxt/ui\"\n target=\"_blank\"\n icon=\"i-simple-icons-github\"\n color=\"gray\"\n variant=\"ghost\"\n />\n \u003C/template>\n\u003Ctemplate>\n\n\n \u003Ctemplate #panel>\n \u003CUNavigationTree :links=\"menus\" />\n \u003Cdiv class=\"flex items-center justify-between gap-x-[20px] mt-[20px]\">\n \u003CUButton class=\"flex-1 flex items-center justify-center\" @click=\"onLogin\">login\u003C/UButton>\n \u003CUButton class=\"flex-1 flex items-center justify-center\" @click=\"onRegister\"\n >register\u003C/UButton\n >\n \u003C/div>\n \u003C/template>\n \u003C/UHeader>`",[2896],{"name":2897,"color":2898},"question","d876e3",4244,"ui","Clicking on any area when opening the UModal component in UHeader will cause the panel to be closed","2025-05-28T14:43:17Z","https://github.com/nuxt/ui/issues/4244",0.8111285,{"description":2906,"labels":2907,"number":2909,"owner":2868,"repository":2888,"state":2910,"title":2911,"updated_at":2912,"url":2913,"score":2914},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.18.0`\r\n- Nuxt Version: `3.9.0`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `bun@1.0.20`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`, `primevue`, `css`, `components`, `imports`, `i18n`, `supabase`, `runtimeConfig`, `experimental`, `vite`, `testUtils`\r\n- Runtime Modules: `@vueuse/nuxt@10.7.1`, `@nuxtjs/supabase@1.1.4`, `@nuxtjs/eslint-module@4.1.0`, `@nuxtjs/i18n@8.0.0-rc.5`, `@nuxtjs/stylelint-module@5.1.0`, `@pinia/nuxt@0.5.1`, `@pinia-plugin-persistedstate/nuxt@1.2.0`, `@element-plus/nuxt@1.0.7`, `nuxt-icon@0.6.8`, `@samk-dev/nuxt-vcalendar@1.0.2`, `@nuxt/image@1.1.0`, `nuxt-primevue@0.2.2`, `dayjs-nuxt@2.1.9`, `@nuxt/test-utils/module@3.9.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nupdate the package to 3.9.0. and put '@nuxt/test-utils/module' into modules in nuxt.config.\r\nthen in some reasons, it goes error when nuxt modules trying to import explicitly from #imports or #build.\r\n\r\n### Describe the bug\r\n\r\nI just updated test-utils as nuxt-vitest archived, and set config like you mentioned.\r\nand running nuxt, it goes error.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nCould not resolve \"#imports\"\r\n\r\n node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:5:46:\r\n 5 │ import { defineComponent, useRouter, h } from '#imports';\r\n ╵ ~~~~~~~~~~\r\n\r\n You can mark the path \"#imports\" as external to exclude it from the bundle, which will remove this\r\n error and leave the unresolved path in the bundle.\r\n\r\n✘ [ERROR] Could not resolve \"#build/root-component.mjs\"\r\n\r\n node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:6:21:\r\n 6 │ import NuxtRoot from '#build/root-component.mjs';\r\n ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~\r\n\r\n You can mark the path \"#build/root-component.mjs\" as external to exclude it from the bundle, which\r\n will remove this error and leave the unresolved path in the bundle.\r\n-------------------------------------------\r\nerror while updating dependencies: 2:11:00 PM\r\nError: Build failed with 2 errors:\r\nnode_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:5:46: ERROR: Could not resolve \"#imports\"\r\nnode_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:6:21: ERROR: Could not resolve \"#build/root-component.mjs\"\r\n```\r\n",[2908],{"name":2885,"color":2886},681,"closed","Error occurred after updating 3.9","2024-08-02T12:51:47Z","https://github.com/nuxt/test-utils/issues/681",0.72257906,{"description":2916,"labels":2917,"number":2918,"owner":2868,"repository":2919,"state":2910,"title":2920,"updated_at":2921,"url":2922,"score":2923},"```\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.12.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.4.0\r\n- Builder: -\r\n- User Config: devtools, ssr, app, primevue, css, modules, swiper, icon, dir, components, srcDir, runtimeConfig, alias, compatibilityDate\r\n- Runtime Modules: @pinia/nuxt@0.5.1, @vueuse/nuxt@10.11.0, nuxt-primevue@3.0.0, @nuxt/icon@1.1.1, @nuxt/eslint@0.3.13, @nuxt/image@1.7.0, nuxt-swiper@1.2.2\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n` ssr: false,`\r\n\r\nicons not working after disabling ssr with latest ` \"@nuxt/icon\": \"^1.1.1\"` update \r\nWith old `\"@nuxt/icon\": \"1.0.0\",` works fine. Im using custom icons, no iconify whatsoever\r\n\r\nicon itself looks like this after update - no content inside svg\r\n```\r\n\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-hidden=\"true\" role=\"img\" ssr=\"true\" class=\"_infoIcon_5ybwn_125 _icon_1nxjn_7 _info_1nxjn_12 icon iconify iconify--icon\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\">\u003C/svg>\r\n```\r\n\r\n```\r\n icon: {\r\n fallbackToApi: false,\r\n mode: 'svg',\r\n customCollections: [\r\n {\r\n prefix: 'icon',\r\n dir: './src/shared/components/icons'\r\n }\r\n ]\r\n },\r\n```\r\n\r\nno errors in console or network too",[],205,"icon","icons not working after disabling SSR with latest 1.1.1 update ","2024-07-18T22:45:11Z","https://github.com/nuxt/icon/issues/205",0.74223626,{"description":2925,"labels":2926,"number":2918,"owner":2868,"repository":2928,"state":2910,"title":2929,"updated_at":2930,"url":2931,"score":2923},"### 🐛 The bug\n\nIf you click on something that is meant to trigger the script to load before the app is hydrated, it won't load the script.\r\n\r\nWe need to inject event listeners into the element within the SSR.\n\n### 🛠️ To reproduce\n\n-\n\n### 🌈 Expected behavior\n\n-\t\n\n### ℹ️ Additional context\n\n_No response_",[2927],{"name":2879,"color":2880},"scripts","Mousedown script hydration trigger doesn't work if clicked before app hydration","2024-09-03T10:02:43Z","https://github.com/nuxt/scripts/issues/205",{"description":2933,"labels":2934,"number":2936,"owner":2868,"repository":2900,"state":2910,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.4.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.8.1\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Version\n\n2.18.6\n\n### Reproduction\n\nNot working:\n```vue\n\u003Ctemplate>\n \u003CUSelectMenu v-model=\"selectedTheme\" name=\"labels\" :options=\"themeOptions\" value-attribute=\"id\" option-attribute=\"label\" searchable creatable placeholder=\"Select labels\" />\n {{ selectedTheme }}\n \u003Cbr />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\n defineProps({\n media: {\n type: Object,\n required: true,\n },\n });\n\n const mediaPresets = useMediaPresets();\n\n const selectedTheme = ref('');\n\n const themeOptions = computed(() => {\n return mediaPresets.themes.map((theme) => ({\n id: theme.id,\n label: `${theme.emoji} ${theme.display}`,\n }));\n });\n\u003C/script>\n\n```\n\n\nWorking / Fix:\n```Vue\n\u003Ctemplate>\n \u003CUSelectMenu v-model=\"themesProxy\" name=\"labels\" :options=\"themeOptions\" searchable creatable placeholder=\"Select labels\" />\n {{ selectedTheme }}\n \u003Cbr />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\n defineProps({\n media: {\n type: Object,\n required: true,\n },\n });\n const mediaPresets = useMediaPresets();\n\n const selectedTheme = ref('my_value');\n\n const themeOptions = computed(() => {\n return mediaPresets.themes.map((theme) => ({ id: theme.id, label: `${theme.emoji} ${theme.display}` }));\n });\n\n const themesProxy = computed({\n get: () => {\n const existingTheme = themeOptions.value.find((theme) => theme.id === selectedTheme.value);\n if (existingTheme) return existingTheme;\n return { id: selectedTheme.value, label: selectedTheme.value?.replace(/\\s/g, '-')?.toLowerCase() };\n },\n\n set: (newValue: any) => {\n if (newValue.label && !newValue.id) newValue.id = newValue.label.replace(/\\s/g, '-').toLowerCase();\n selectedTheme.value = newValue.id;\n },\n });\n\n\u003C/script>\n\n```\n\n### Description\n\n\n\nWhen using the `creatable` option, the selected value does not show up properly in the input.\n\n\nThe v-model properly changes (`{{ selectedTheme }}` under the input), but it doesn't show up in the input afterward not in the \"create xyz' text \n\nThe issue seems to happens when not using `multiple`\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2935],{"name":2879,"color":2880},2342,"[SelectMenu] `creatable` bugged when not using `multiple`","2024-11-12T17:11:21Z","https://github.com/nuxt/ui/issues/2342",0.7439413,{"description":2942,"labels":2943,"number":2944,"owner":2868,"repository":2869,"state":2910,"title":2945,"updated_at":2946,"url":2947,"score":2948},"- Fetch API from GitHub\n- List files on the left\n- Display selected file on the right (we support syntax highlight on client-side)\n\n```md\n::code-explorer{repo=\"nuxt/framework\" branch=\"main\" path=\"examples/essentials/hello-world\"}\n::\n```\n\nWould be nice to imagine a simple design for it @R-mooon @SarahM19 ",[],1018,"[Examples] Component to display the code from GitHub directory","2023-10-10T14:45:32Z","https://github.com/nuxt/nuxt.com/issues/1018",0.77916557,{"description":2950,"labels":2951,"number":2961,"owner":2868,"repository":2900,"state":2910,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Description\n\nI came across the fact that I can't use variations of combinations in the \u003CUKbd /> component, e.g. `\u003CUkbd>meta K\u003C/UKbd>`. After researching the code, I realized that composable, in principle, does not support multi-input, only a known value is expected. It would be nice if there was support for entering a combination of words.\n\nI can create an MR if it really seems useful to you.\n\n### Additional context\n\n_No response_",[2952,2955,2958],{"name":2953,"color":2954},"enhancement","a2eeef",{"name":2956,"color":2957},"v3","49DCB8",{"name":2959,"color":2960},"triage","ffffff",3697,"Support for combinations in the useKbd() composable","2025-03-26T14:57:19Z","https://github.com/nuxt/ui/issues/3697",0.7793631,{"description":2967,"labels":2968,"number":2971,"owner":2868,"repository":2900,"state":2910,"title":2972,"updated_at":2973,"url":2974,"score":2975},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: -\n- CLI Version: 3.15.0\n- Nitro Version: -\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n\n### Version\n\nCommit [845f85a](https://github.com/nuxt/ui/commit/845f85a072598f47c7afe10c4e5ebcc480450113)\n\n### Reproduction\n\nAfter creating a fresh AdonisJS project with the [Inertia and Vue 3 starter kit](https://docs.adonisjs.com/guides/getting-started/installation#inertia-starter-kit) \n```\n# Vue without server-side rendering\nnpm init adonisjs@latest -- -K=inertia --adapter=vue --no-ssr\n```\n\nHere is the procedure followed to add NuxtUI to the project https://ui3.nuxt.dev/getting-started/installation/vue\n1. Install the package with the latest commit, as the release has not yet been made \n```bash\nnpm install https://pkg.pr.new/@nuxt/ui@5a9511f\n```\n\n2. Add the Nuxt UI Vite plugin in the vite.config.ts\n```typescript\nimport ui from '@nuxt/ui/vite'\nimport { defineConfig } from 'vite'\nimport { getDirname } from '@adonisjs/core/helpers'\nimport inertia from '@adonisjs/inertia/client'\nimport vue from '@vitejs/plugin-vue'\nimport adonisjs from '@adonisjs/vite/client'\n\nexport default defineConfig({\n plugins: [\n inertia({ ssr: { enabled: false } }),\n vue(),\n adonisjs({ entrypoints: ['inertia/app/app.ts'], reload: ['resources/views/**/*.edge'] }),\n ui(),\n ],\n\n resolve: {\n alias: {\n '~/': `${getDirname(import.meta.url)}/inertia/`,\n },\n },\n})\n```\n\nHere I already have a problem: I can't launch the application.\n```bash\nfailed to load config from /Users/kamil/Documents/projects/myproject/vite.config.ts\nTypeError: The URL must be of scheme file\n```\n\nThere is no problem with the use of the library with a Vite et Vue project alone.\n\nIt seems to be a problem with Vite or AdonisJS, but the error is not very explicit. I tried with Node 18, 20 and 22.\n\nHere is the Replit to reproduce\nhttps://replit.com/@kamilcaglarcont/Adonis-x-Inertia-x-Vue-3-x-Nuxt-UI?v=1\n\n### Description\n\nHi, a few days weeks ago, the Nuxt UI 3 team made the component library [compatible with standalone Vue projects](https://github.com/nuxt/ui/issues/2129). Thank you for your work on this library 👏 !\n\nI'd like to use it with AdonisJS and Inertia.\n\n[AdonisJS](https://adonisjs.com) is a TypeScript-first web framework for building web apps and API servers. It is possible to use it with [Inertia](https://inertiajs.com) to build single-page apps with VueJS.\n\nHowever, I've never managed to use them together, despite several hours of debugging. I have an error that seems to be related to Vite.\n\n### Additional context\n\nI tried with node 18, 20 and 22.\n\n### Logs\n\n```\n[ info ] starting HTTP server...\nDebugger attached.\nfailed to load config from /Users/kamil/Documents/projects/myproject/vite.config.ts\n\n TypeError: The URL must be of scheme file\n```\nNo more logs even with `DEBUG=vite:* `",[2969,2970],{"name":2879,"color":2880},{"name":2956,"color":2957},2518,"Adding the plugin to a Vite project with AdonisJS and Inertia cause an error","2025-01-25T13:12:45Z","https://github.com/nuxt/ui/issues/2518",0.7883405,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fffhChm4422OyiPgd4SDIDK8S0iM3hBrqKhTURrYKC3M":-1},"/nuxt/fonts/76"]