\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_",[2023],{"name":1996,"color":1997},2342,"ui","[SelectMenu] `creatable` bugged when not using `multiple`","2024-11-12T17:11:21Z","https://github.com/nuxt/ui/issues/2342",0.746225,{"description":2031,"labels":2032,"number":2033,"owner":1985,"repository":2034,"state":2015,"title":2035,"updated_at":2036,"url":2037,"score":2038},"```\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.75172323,{"description":2040,"labels":2041,"number":2033,"owner":1985,"repository":2043,"state":2015,"title":2044,"updated_at":2045,"url":2046,"score":2038},"### 🐛 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_",[2042],{"name":1996,"color":1997},"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":2048,"labels":2049,"number":2059,"owner":1985,"repository":2025,"state":2015,"title":2060,"updated_at":2061,"url":2062,"score":2063},"### 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_",[2050,2053,2056],{"name":2051,"color":2052},"enhancement","a2eeef",{"name":2054,"color":2055},"v3","49DCB8",{"name":2057,"color":2058},"triage","ffffff",3697,"Support for combinations in the useKbd() composable","2025-03-26T14:57:19Z","https://github.com/nuxt/ui/issues/3697",0.7869521,{"description":2065,"labels":2066,"number":2067,"owner":1985,"repository":1986,"state":2015,"title":2068,"updated_at":2069,"url":2070,"score":2071},"- 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.7930995,{"description":2073,"labels":2074,"number":2075,"owner":1985,"repository":1986,"state":2015,"title":2076,"updated_at":2077,"url":2078,"score":2079},"Clicking the button close the dialog but nothing happens. Either on chrome or firefox.\n\nCome from https://github.com/nuxt/nuxt/issues/30827\n",[],1777,"Ask AI doesn't work for me","2025-02-05T10:21:53Z","https://github.com/nuxt/nuxt.com/issues/1777",0.7931289,{"description":2081,"labels":2082,"number":2085,"owner":1985,"repository":1986,"state":2015,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Describe the feature\n\nThis might sound funny, but I am currently opening `nuxt.com` like 50 times a day, mostly to get a docs link to something I want to send to somebody/post somewhere for reference. And I always have to click on \"Docs\" before accessing the input field for the search. \r\n\r\nAn easy fix would be to also add the search field to the `nuxt.com/` home page.\r\n\r\nAs the website repo is not yet open source, I cannot propose a PR.\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2083],{"name":2051,"color":2084},"1ad6ff",1225,"[Docs] Add the docs search field to the nuxt.com homepage","2023-10-10T14:45:11Z","https://github.com/nuxt/nuxt.com/issues/1225",0.79360396,["Reactive",2091],{},["Set"],["ShallowReactive",2094],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ffhChm4422OyiPgd4SDIDK8S0iM3hBrqKhTURrYKC3M":-1},"/nuxt/fonts/76"]