\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_",[2930],{"name":2931,"color":2932},"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":2939,"labels":2940,"number":2941,"owner":2868,"repository":2900,"state":2880,"title":2942,"updated_at":2943,"url":2944,"score":2945},"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.7557498,{"description":2947,"labels":2948,"number":2949,"owner":2868,"repository":2879,"state":2880,"title":2950,"updated_at":2951,"url":2952,"score":2953},"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.759891,{"description":2955,"labels":2956,"number":2964,"owner":2868,"repository":2912,"state":2880,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v21.6.1`\r\n- Nuxt Version: `3.13.2`\r\n- CLI Version: `3.14.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `npm@10.8.3`\r\n- Builder: `-`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n\n\n### Version\n\n1.4.3\n\n### Reproduction\n\nhttps://test-docs-819.pages.dev/\n\n### Description\n\nI encountered a styling issue with Nuxt Content components when deploying a static site using `npm run generate`. Initially, I thought the issue was specific to my project, but after testing the Nuxt UI Pro docs template (without any custom modifications), the problem persisted.\r\n\r\nWhen deploying the site to Cloudflare as a static site, the Nuxt Content components lose their proper styling, leading to an unstyled or poorly styled appearance in production. This issue does not occur in development mode.\r\n\r\nSteps to reproduce:\r\n1. Use the Nuxt UI Pro documentation template.\r\n2. Deploy the site as a static site using `npm run generate`.\r\n3. Host the generated site on Cloudflare.\r\n\r\nExpected result:\r\nThe Nuxt Content components should maintain their correct styling in production.\r\n\r\nActual result:\r\nNuxt Content components appear unstyled or with incorrect styling when deployed.\r\n\r\nAny guidance or help with this issue would be appreciated!\r\n\r\n\n\n### Additional context\n\n\r\n\u003Cimg width=\"1273\" alt=\"Screenshot 2024-10-01 at 3 47 53 PM\" src=\"https://github.com/user-attachments/assets/7fbd2248-d933-4997-bdc8-49bdf05e3042\">\r\n\r\n---\r\n\r\n\u003Cimg width=\"1099\" alt=\"Screenshot 2024-10-01 at 3 49 32 PM\" src=\"https://github.com/user-attachments/assets/0b86db6b-8490-4b00-a884-31bf51d6802a\">\r\n\r\n---\r\n\r\n\u003Cimg width=\"943\" alt=\"Screenshot 2024-10-01 at 3 50 49 PM\" src=\"https://github.com/user-attachments/assets/9021d63a-bf13-4dbc-bae7-26f266eff554\">\r\n\r\n---\r\n\r\nTOC little icon appear only in small screens:\r\n\r\n\u003Cimg width=\"398\" alt=\"Screenshot 2024-10-01 at 3 52 00 PM\" src=\"https://github.com/user-attachments/assets/f4fe87ff-42d5-4584-a461-9d70fbbaf8c5\">\r\n\r\n\n\n### Logs\n\n```shell-script\nNo Logs\n```\n",[2957,2958,2961],{"name":2931,"color":2932},{"name":2959,"color":2960},"pro","5BD3CB",{"name":2962,"color":2963},"upstream","78bddb",2287,"Nuxt Content Components Not Styled Properly in Production with Static Site on Cloudflare","2024-10-02T10:16:24Z","https://github.com/nuxt/ui/issues/2287",0.7600634,["Reactive",2970],{},["Set"],["ShallowReactive",2973],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fN2CP2XPRaFqnhgH4j-TstJIwEOTURRhPlpaM_O-9gFg":-1},"/nuxt/test-utils/956"]