\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_",[3228],{"name":3229,"color":3230},"bug","d73a4a",2342,"[SelectMenu] `creatable` bugged when not using `multiple`","2024-11-12T17:11:21Z","https://github.com/nuxt/ui/issues/2342",0.749947,{"description":3237,"labels":3238,"number":3239,"owner":3158,"repository":3199,"state":3179,"title":3240,"updated_at":3241,"url":3242,"score":3243},"Thanks for providing this library. I didn't find an example on how to test components (only modules).\r\nWould it be possible to provide such an example on how to test components with props?",[],290,"Component Testing Example","2023-12-02T00:18:12Z","https://github.com/nuxt/test-utils/issues/290",0.7557499,{"description":3245,"labels":3246,"number":3247,"owner":3158,"repository":3178,"state":3179,"title":3248,"updated_at":3249,"url":3250,"score":3251},"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.75989103,["Reactive",3253],{},["Set"],["ShallowReactive",3256],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fN2CP2XPRaFqnhgH4j-TstJIwEOTURRhPlpaM_O-9gFg":-1},"/nuxt/test-utils/956"]