// not working\r\n\r\n-------------\r\n\r\nFinally, when I was writing this question, I took a look at the nuxt-icon source code and found this snippet.\r\n```\r\n if (appConfig.nuxtIcon?.iconifyApiOptions?.publicApiFallback) {\r\n addAPIProvider('custom', {\r\n resources: [appConfig.nuxtIcon?.iconifyApiOptions.url],\r\n index: 0\r\n })\r\n return\r\n }\r\n```\r\n\u003CIcon name=\"@custom:fal:house\" /> // it works fine",[],153,"icon","closed","iconifyApiOptions custom API not working","2024-05-09T12:34:33Z","https://github.com/nuxt/icon/issues/153",0.7598961,{"description":2009,"labels":2010,"number":2015,"owner":1991,"repository":1992,"state":2003,"title":2016,"updated_at":2017,"url":2018,"score":2019},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\n\n",[2011,2014],{"name":2012,"color":2013},"question","d876e3",{"name":1988,"color":1989},2910,"How to styling change year and month buttons ?","2025-03-24T18:00:29Z","https://github.com/nuxt/ui/issues/2910",0.76236427,{"labels":2021,"number":2028,"owner":1991,"repository":1991,"state":2003,"title":2029,"updated_at":2030,"url":2031,"score":2032},[2022,2025],{"name":2023,"color":2024},"3.x","29bc7f",{"name":2026,"color":2027},"pending triage","E99695",14199,"V-calendar ","2023-01-19T17:42:49Z","https://github.com/nuxt/nuxt/issues/14199",0.77295023,{"description":2034,"labels":2035,"number":2040,"owner":1991,"repository":1992,"state":2003,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Environment\n\n```\n- Operating System: Windows_NT\n- Node Version: v22.13.1\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.2.2\n- Builder: -\n- User Config: compatibilityDate, future, modules, imports, app, css, devtools, devServer, hooks, vite, nitro, supabase, site, sitemap, icon, fonts\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.12, @nuxtjs/seo@2.1.1, @nuxtjs/supabase@1.4.6, @vueuse/nuxt@12.5.0 \n- Build Modules: -\n```\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.12\n\n### Reproduction\n\njust 👉 https://ui3.nuxt.dev/components/toast#change-global-duration\n\n### Description\n\nWhen `duration` is set to `Infinity`, the toast immediately closed - expected not to close forever and hide the progress bar.\n\nWhen `duration` is set to `-Infinity`, the toast won't close, progress bar is hidden 🤔\n\n(many UI librarys behave like this, idk if it's a bug)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2036,2039],{"name":2037,"color":2038},"bug","d73a4a",{"name":1988,"color":1989},3326,"Toast: Cannot handle `Infinity` duration correctly","2025-02-15T17:45:08Z","https://github.com/nuxt/ui/issues/3326",0.77350587,{"labels":2046,"number":2047,"owner":1991,"repository":1991,"state":2003,"title":2029,"updated_at":2048,"url":2049,"score":2050},[],14392,"2023-01-19T17:35:07Z","https://github.com/nuxt/nuxt/issues/14392",0.77859914,{"labels":2052,"number":2060,"owner":1991,"repository":1991,"state":2003,"title":2061,"updated_at":2062,"url":2063,"score":2064},[2053,2056,2057],{"name":2054,"color":2055},"stale","ffffff",{"name":2026,"color":2027},{"name":2058,"color":2059},"2.x","d4c5f9",5598,"import package can not get the right result","2023-01-22T15:33:04Z","https://github.com/nuxt/nuxt/issues/5598",0.78023946,{"description":2066,"labels":2067,"number":2074,"owner":1991,"repository":1991,"state":2003,"title":2075,"updated_at":2076,"url":2077,"score":2078},"Property \"date\" was accessed during render but is not defined on instance. \r\n at \u003CRouter>\r\nApp.vue datetime v-model=\"date\"裡面的date 哪裡有錯\r\n\u003Ctemplate>\r\n \u003Cdiv id=\"app\">\r\n \u003Cdiv class=\"container\">\r\n \u003Cdiv class=\"left-section\">\r\n \u003Ch2>楊梅物流中心\u003C/h2>\r\n \u003Ch4>訪客車輛資訊\u003C/h4>\r\n \u003Ch4>-區域詳細資訊\u003C/h4>\r\n \u003Ch4>訪客預約登記\u003C/h4>\r\n \u003Ch4>訪客預約紀錄\u003C/h4>\r\n \u003Ch4>-已預約未進場車輛\u003C/h4>\r\n \u003Ch4>-未來時段預約紀錄\u003C/h4>\r\n \u003Ch4>-訪客預約類別\u003C/h4>\r\n \u003Ch4>\u003Ca href=\"http://localhost:8080/\">车辆進出紀錄\u003C/a>\u003C/h4>\r\n \u003Ch4>閘道控制選單\u003C/h4>\r\n \u003Ch4>承租公司設定\u003C/h4>\r\n \u003Ch4>貨運公司設定\u003C/h4>\r\n \u003Ch4>車輛設定\u003C/h4>\r\n \u003Ch4>使用者設定\u003C/h4>\r\n \u003Ch4>使用者群組\u003C/h4>\r\n \u003Ch4>使用者權限\u003C/h4>\r\n \u003Ch4>使用紀錄\u003C/h4>\r\n \u003C/div>\r\n \u003Cdiv class=\"center-section\">\r\n \u003Ch2>車輛進出紀錄\u003C/h2>\r\n \u003Cdiv class=\"box\">\r\n \u003Ctable>\r\n \u003Cthead>\r\n \u003Ctr>\r\n \u003Cth>\r\n 車牌號碼\r\n \u003Cselect v-model=\"車牌號碼\">\r\n \u003Coption value=\"車牌號碼\">Ac-2345\u003C/option>\r\n \u003C/select>\r\n \u003C/th>\r\n \u003Cth>\r\n 預約樓層\r\n \u003Cselect v-model=\"預約樓層\">\r\n \u003Coption value=\"預約樓層\">3F\u003C/option>\r\n \u003C/select>\r\n \u003C/th>\r\n \u003Cth>\r\n 拜訪公司\r\n \u003Cselect v-model=\"拜訪公司\">\r\n \u003Coption value=\"拜訪公司\">B公司\u003C/option>\r\n \u003C/select>\r\n \u003C/th>\r\n \u003C/tr>\r\n \u003Ctr>\r\n \u003Cth>\r\n 車輛類別\r\n \u003Cselect v-model=\"車輛類別\">\r\n \u003Coption value=\"車輛類別\">契約車\u003C/option>\r\n \u003C/select>\r\n \u003C/th>\r\n \u003Cth>\r\n 車輛類型\r\n \u003Cselect v-model=\"車輛類型\">\r\n \u003Coption value=\"車輛類型\">貨車\u003C/option>\r\n \u003C/select>\r\n \u003C/th>\r\n \u003Cth>\r\n 駕駛人公司\r\n \u003Cselect v-model=\"駕駛人公司\">\r\n \u003Coption value=\"駕駛人公司\">C物流公司\u003C/option>\r\n \u003C/select>\r\n \u003C/th>\r\n \u003C/tr>\r\n \u003C/thead>\r\n \u003C/table>\r\n\r\n \u003Cdiv class=\"block-left\">\r\n \u003Cinput type=\"checkbox\" class=\"checkbox\" />\r\n \u003Ch4>進場起始時間\u003C/h4>\r\n \u003Cdatetime v-model=\"date\" input-id=\"startDate\">\r\n \u003Cinput type=\"datetime-local\" v-model=\"value1\" />\r\n \u003C/datetime>\r\n\r\n \u003Cinput type=\"checkbox\" class=\"checkbox\" />\r\n \u003Ch4>離場起始時間\u003C/h4>\r\n \u003Cdatetime v-model=\"date\" input-id=\"startDate\">\r\n \u003Cinput type=\"datetime-local\" v-model=\"value2\" />\r\n \u003C/datetime>\r\n \u003C/div>\r\n\r\n \u003Cdiv class=\"block-right\">\r\n \u003Ch4>進場結束時間\u003C/h4>\r\n \u003Cdatetime v-model=\"date\" input-id=\"startDate\">\r\n \u003Cinput type=\"datetime-local\" v-model=\"value3\" />\r\n \u003C/datetime>\r\n\r\n \u003Ch4>離場結束時間\u003C/h4>\r\n \u003Cdatetime v-model=\"date\" input-id=\"startDate\">\r\n \u003Cinput type=\"datetime-local\" v-model=\"value4\" />\r\n \u003C/datetime>\r\n \u003C/div>\r\n \u003Cdiv class=\"gwee\">\r\n \u003Cbutton @click=\"search\">搜尋\u003C/button>\r\n \u003Cbutton @click=\"cancel\">取消\u003C/button>\r\n \u003C/div>",[2068,2071],{"name":2069,"color":2070},"needs reproduction","FBCA04",{"name":2072,"color":2073},"closed-by-bot","ededed",26600,"Failed to resolve component: datetime If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at \u003CRouter>","2024-04-10T01:47:41Z","https://github.com/nuxt/nuxt/issues/26600",0.7816779,{"description":2080,"labels":2081,"number":2084,"owner":1991,"repository":1991,"state":2003,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.8.1\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.2\r\n- Package Manager: pnpm@8.10.2\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nI used the starter project from `pnpx nuxi@latest init` and just replaced the `app.vue` with the following code:\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst hasConsent = useCookie('dialog', {\r\n sameSite: 'strict',\r\n default: () => 'no',\r\n maxAge: 2592000, // 30 days in seconds\r\n});\r\nconst showConsentAlert = ref(false);\r\n\r\nonMounted(() => {\r\n if (process.server) return;\r\n if (hasConsent.value === 'yes') return;\r\n\r\n showConsentAlert.value = true;\r\n});\r\n\r\nfunction acceptConsent() {\r\n hasConsent.value = 'yes';\r\n showConsentAlert.value = false;\r\n}\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003CTeleport to=\"body\">\r\n \u003Cdiv v-if=\"showConsentAlert\">\r\n \u003Cspan>We use cookies\u003C/span>\r\n \u003Cbutton type=\"button\" @click=\"acceptConsent\">Accept\u003C/button>\r\n \u003C/div>\r\n \u003C/Teleport>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen I click the `acceptConsent` button, I set the cookie value from `no` to `yes`. However, instead of saving the `yes` value inside the cookie, it gets removed completely. I tried on Firefox v119.0.1 and Chrome v119.0.6. Both browsers have the exact same behavior.\r\n\r\nThe strange part is that if I remove the `maxAge` option from `useCookie`, everything works fine. But I would like that the consent cookie expires after 30 days. I also tried with `expires` and the same issue happened.\r\n\r\nI'm not sure if I'm doing something wrong or if it really is a bug, but I would expect that if I change the value of the cookie, it must be persisted, but it is getting deleted...\r\n\r\n### Additional context\r\n\r\nI'm trying to create a cookie consent dialog that shows once and if it gets accepted, it doesn't show again for 30 days. My reproduction code is just a bare-bones demo with the minimal code I could reproduce it with. In the real website this functionality is inside a `CookieConsent.vue` component and it is a Modal.\r\n\r\nhttps://github.com/nuxt/nuxt/assets/47041342/f6146867-31a0-468e-98c7-cb3536c797ba\r\n\r\n### Logs\r\n\r\n_No response_",[2082,2083],{"name":2023,"color":2024},{"name":2026,"color":2027},24227,"`useCookie` with `maxAge` or `expires` gets removed when updated","2023-11-20T17:58:55Z","https://github.com/nuxt/nuxt/issues/24227",0.7825269,{"description":2090,"labels":2091,"number":2093,"owner":1991,"repository":1991,"state":2003,"title":2094,"updated_at":2095,"url":2096,"score":2097},"Did you already released #2081 ?\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/c1975\">#c1975\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2092],{"name":2058,"color":2059},2253,"Did you already released #2081 ?","2023-01-18T15:43:52Z","https://github.com/nuxt/nuxt/issues/2253",0.7895568,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"sJwKxnqaksb7eaBKgOzDh4xmp8Dji9Jqsi5EQkevXps":-1},"/nuxt/scripts/54"]