\n\u003C/template>\n```\n\n### Description\n\nOn select item model value converts from `null` to `\"\"`, `true` to `\"true\"` etc.\nhttps://skr.sh/vTBGJYo8U6P",[3083,3084,3087],{"name":3058,"color":3059},{"name":3085,"color":3086},"needs reproduction","CB47CF",{"name":3038,"color":3039},2903,"USelect converts null, true, false and int to string","2025-01-13T14:17:37Z","https://github.com/nuxt/ui/issues/2903",0.73057413,{"description":3047,"labels":3094,"number":3103,"owner":3025,"repository":3025,"state":3026,"title":3050,"updated_at":3104,"url":3105,"score":3106},[3095,3096,3097,3100],{"name":3019,"color":3020},{"name":3022,"color":3023},{"name":3098,"color":3099},"pending triage","E99695",{"name":3101,"color":3102},"⛔️ can be closed","484893",15619,"2023-02-14T08:34:55Z","https://github.com/nuxt/nuxt/issues/15619",0.73131454,{"description":3108,"labels":3109,"number":3114,"owner":3025,"repository":3041,"state":3026,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Description\n\nHi, I'm having a hard time applying transition to dark / light background.\n\nMy `main.css` file is as follows.\n\nChanging the background color from `slate` to `stone`, for example, works fine.\n\nThe problem is just for the light / dark theme transition.\n\n```\n:root {\n --ui-bg: var(--ui-color-neutral-100);\n}\n\n.dark {\n --ui-bg: var(--ui-color-neutral-900);\n}\n\n@layer base {\n body {\n @apply transition-colors duration-1000;\n }\n}\n```\n\nHere is the function that changes the theme:\n\n```\nconst isDark = computed({\n get() {\n return colorMode.value === 'dark';\n },\n set() {\n colorMode.preference = colorMode.value === 'dark' ? 'light' : 'dark';\n },\n});\n```\n\nAny help would be appreciated, thanks!\n",[3110,3113],{"name":3111,"color":3112},"question","d876e3",{"name":3038,"color":3039},3645,"Applying transition-colors to light / dark theme","2025-07-09T10:37:15Z","https://github.com/nuxt/ui/issues/3645",0.73802435,{"description":3120,"labels":3121,"number":3122,"owner":3025,"repository":3123,"state":3026,"title":3124,"updated_at":3125,"url":3126,"score":3127},"https://nuxt.com/docs/guide/directory-structure/nuxt-config\r\n\r\n",[],1555,"nuxt.com","[question] Is this a typo?","2024-04-19T10:30:04Z","https://github.com/nuxt/nuxt.com/issues/1555",0.74018854,{"description":3129,"labels":3130,"number":3131,"owner":3025,"repository":3123,"state":3026,"title":3132,"updated_at":3133,"url":3134,"score":3135},"Hi, I love the new website and thank you for listing up my avatar in landing page ❤️ \r\n\r\nBy the way, I found that \"Edit this page\" links are not correctly set.\r\n\r\nFor example,\r\n\r\n\"Edit this page\" text in the right side bar in https://nuxt.com/docs/getting-started/introduction\r\n\r\nis linked to\r\n\r\nhttps://nuxt.com/docs/getting-started/introduction.",[],1378,"\"Edit this page\" link is wrong","2023-10-19T09:15:05Z","https://github.com/nuxt/nuxt.com/issues/1378",0.74263835,["Reactive",3137],{},["Set"],["ShallowReactive",3140],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJg0MjlWMLpEytIaq7A5ziUgSzvUZavuR1zrjSgEvzg4":-1},"/nuxt/test-utils/734"]