\n\n// filter by tags\nconst items = [\n {\n label: \"Show all tags\",\n value: \"\"\n },\n {\n label: \"Only Red Tags\",\n value: \"red\"\n },\n {\n label: \"Only Green Tags\",\n value: \"green\"\n }\n]\n\nconst tagFilter = ref(null)\n```\n\nbut in v3 I now get this error:\n\n> Error: A \u003CSelectItem /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.\n\nHow would I add this option in?",[2040,2041],{"name":2026,"color":2027},{"name":2029,"color":2030},3647,"How do I use an empty string with a USelect value?","2025-03-21T21:54:20Z","https://github.com/nuxt/ui/issues/3647",0.7655841,{"description":2048,"labels":2049,"number":2052,"owner":1991,"repository":1991,"state":2004,"title":2053,"updated_at":2054,"url":2055,"score":2056},"### Describe the feature\r\n\r\nSometimes we want to create multiple utilities in nuxt js and with that we have to repeat a lot of composables or any other nuxt context!\r\n\r\nfor example:\r\ntwo utils: currencyFormatter(...) and decimal(...)\r\n\r\n```TYPESCRIPT\r\nexport const currencyFormatter = (currencyNew, options) => {\r\n const config = useRuntimeConfig()\r\n const mainStore = useMainStore()\r\n // ... multiple context nuxt (composables, stores)\r\n \r\n const currency = mainStore.store.currency_code || config.public.currency\r\n const currencyLocale = mainStore.store.currency_lang_code || config.public.currencyLocale\r\n\r\n return new Intl.NumberFormat(currencyLocale, { style: 'currency', currency: currencyNew || currency, minimumFractionDigits: options?.digits ?? 2, currencyDisplay: 'narrowSymbol' })\r\n}\r\n\r\nexport const decimal = (val, digits = 2) => {\r\n const config = useRuntimeConfig()\r\n const mainStore = useMainStore()\r\n // ... multiple context nuxt (composables, stores)\r\n\r\n const numberLocale = mainStore.store.numeric_lang_code || config.public.currencyLocale\r\n\r\n return new Intl.NumberFormat(numberLocale, { minimumFractionDigits: digits }).format(val)\r\n}\r\n````\r\n\r\nThere could be a new feature to facilitate the creation of new utilities, for example:\r\n```TYPESCRIPT\r\nexport default defineNuxtUtil(() => {\r\n const config = useRuntimeConfig()\r\n const mainStore = useMainStore()\r\n // ... multiple context nuxt (composables, stores)\r\n \r\n const currency = mainStore.store.currency_code || config.public.currency\r\n const currencyLocale = mainStore.store.currency_lang_code || config.public.currencyLocale\r\n const numberLocale = mainStore.store.numeric_lang_code || config.public.currencyLocale\r\n\r\n const currencyFormatter = (currencyNew, options) => new Intl.NumberFormat(currencyLocale, { style: 'currency', currency: currencyNew || currency, minimumFractionDigits: options?.digits ?? 2, currencyDisplay: 'narrowSymbol' })\r\n const decimal = (val, digits = 2) => new Intl.NumberFormat(numberLocale, { minimumFractionDigits: digits }).format(val)\r\n // ... multiples utils\r\n \r\n return {\r\n currencyFormatter, // create new util. currencyFormatter(...)\r\n decimal// create new util. decimal(...)\r\n }\r\n})\r\n```\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2050],{"name":2016,"color":2051},"E99695",27988,"feat: create new method to utils","2024-07-05T18:13:31Z","https://github.com/nuxt/nuxt/issues/27988",0.7708671,{"description":2058,"labels":2059,"number":2063,"owner":1991,"repository":1991,"state":2004,"title":2064,"updated_at":2065,"url":2066,"score":2067},"Multiselect use:\r\n\r\n```\r\n\u003Cmultiselect v-model=\"search.city\" label=\"name\" \r\n placeholder=\"City\" track-by=\"id\" options=\"cities\" :show-labels=\"false\">\u003C/multiselect>\r\n```\r\n\r\nConsole warn:\r\n\r\nvue.runtime.common.js:521 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside 'p', or missing 'tbody'. Bailing hydration and performing full client-side render. \r\n\r\nIf I remove \u003Cmultiselect> the warn does not show.\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c225\">#c225\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2060],{"name":2061,"color":2062},"2.x","d4c5f9",264,"I can load vue-multiselect, but I have vue-warn","2023-01-18T15:38:39Z","https://github.com/nuxt/nuxt/issues/264",0.78675723,{"description":2069,"labels":2070,"number":2074,"owner":1991,"repository":2003,"state":2004,"title":2075,"updated_at":2076,"url":2077,"score":2078},"",[2071],{"name":2072,"color":2073},"marketing","f5c828",655,"[Company] Fill `Contact` page content","2022-11-17T11:46:24Z","https://github.com/nuxt/nuxt.com/issues/655",0.7892989,{"description":2069,"labels":2080,"number":2082,"owner":1991,"repository":2003,"state":2004,"title":2083,"updated_at":2084,"url":2085,"score":2086},[2081],{"name":2072,"color":2073},650,"[Resources] Fill `Showcases` page description","2022-11-17T11:46:06Z","https://github.com/nuxt/nuxt.com/issues/650",0.7899312,{"description":2088,"labels":2089,"number":2082,"owner":1991,"repository":2018,"state":2004,"title":2094,"updated_at":2095,"url":2096,"score":2086},"Looks like there might be a regression with [in-source testing](https://vitest.dev/guide/in-source.html#typescript):\r\n\r\nhttps://github.com/logotip4ik/keycap/pull/16",[2090,2093],{"name":2091,"color":2092},"bug","d73a4a",{"name":2013,"color":2014},"in-source testing support","2024-01-28T11:09:41Z","https://github.com/nuxt/test-utils/issues/650",["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"9hxqeve-8grjeCk3q1dU6UhEmg3ZS6FlTEYOfgz4-vI":-1},"/nuxt/nuxt.com/657"]