`\n\nUnable to use stroke-width does not take effect",[],364,"nuxt","icon","open","Unable to use stroke-width does not take effect","2025-03-04T02:48:19Z","https://github.com/nuxt/icon/issues/364",0.6712684,{"description":1993,"labels":1994,"number":1998,"owner":1985,"repository":1999,"state":1987,"title":2000,"updated_at":2001,"url":2002,"score":2003},"Whenever I reload my page the font flickers",[1995],{"name":1996,"color":1997},"bug","d73a4a",181,"fonts","Loading fonts causes flickering in dev mode","2025-03-23T22:52:32Z","https://github.com/nuxt/fonts/issues/181",0.7639531,{"description":2005,"labels":2006,"number":2010,"owner":1985,"repository":2011,"state":2012,"title":2013,"updated_at":2014,"url":2015,"score":2016},"### 📚 What are you trying to do?\n\ni use ScriptGoogleMaps component and i want to use LatLng object for set marker in google maps .\r\ni tried to pass this object to options.center and query but its not working.\r\nAm I using it wrong ?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2007],{"name":2008,"color":2009},"help wanted","008672",187,"scripts","closed","googlemaps latlng","2024-08-22T09:11:49Z","https://github.com/nuxt/scripts/issues/187",0.44953787,{"description":2018,"labels":2019,"number":2026,"owner":1985,"repository":2027,"state":2012,"title":2028,"updated_at":2029,"url":2030,"score":2031},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.8\n\n### Description\n\n```vue\n\u003Cscript setup lang=\"ts\">\ntype Data = {\n id:number,\n name:string\n}\n\nconst defaultData = [\n {\n id: 1,\n name: \"a\"\n },\n {\n id: 2,\n name: \"b\"\n }\n]\n\nconst data = ref\u003CData[]>([])\nconst rerender = () => {\n if (!data.value?.length) {\n data.value = defaultData\n } else {\n data.value = []\n }\n}\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUButton label=\"rerender\" @click=\"rerender()\" />\n \u003CUTable :data=\"data\">\n \u003Ctemplate #empty>\n no data\n \u003C/template>\n \u003C/UTable>\n \u003C/div>\n\u003C/template>\n\n````\nIn this example, if the table's data is initially empty and then updated (by clicking the \"rerender\" button), you will notice that the content in the empty slot disappears. This indicates that the table's data is no longer empty, yet nothing is rendered in the table. The reason is that the table's columns are not reactive. I believe this limitation is caused by TanStack.\n\n### Potential Solution\n```vue\nwatch(columns, (newColumns) => {\n tableApi.setOptions((prevOpt) => ({\n ...prevOpt,\n columns: newColumns \n }))\n}) \n```\n\n\n\n\n### Additional context\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport { watch } from 'vue'\nimport { getCoreRowModel, useVueTable } from '@tanstack/vue-table'\ntype Data = {\n id: number,\n name: string\n}\n\nconst defaultData = [\n {\n id: 1,\n name: \"a\"\n },\n {\n id: 2,\n name: \"b\"\n }\n]\n\nconst data = ref\u003CData[]>([])\nconst columns = computed(() => Object.keys(data.value[0] ?? {}).map((accessorKey: string) => ({ accessorKey, header: accessorKey })))\n\nconst tableApi = useVueTable({\n data,\n columns: columns.value,\n getCoreRowModel: getCoreRowModel()\n})\n\nconst rerender = () => {\n if (!data.value.length) {\n\n data.value = defaultData\n } else {\n data.value = []\n }\n}\n\n/* watch(columns, (newColumns) => {\n tableApi.setOptions((prevOpt) => ({\n ...prevOpt,\n columns: newColumns \n }))\n}) */\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUButton label=\"rerender\" @click=\"rerender()\" />\n \u003Cdiv>\n {{ columns }}\n \u003C/div>\n \u003Cbr>\n \u003Cdiv>\n {{ tableApi.options }}\n \u003C/div>\n \u003C/div>\n\u003C/template>\n\n```\n\nnoticed that tableApi's columns won't change along with updates to the data",[2020,2023],{"name":2021,"color":2022},"enhancement","a2eeef",{"name":2024,"color":2025},"v3","49DCB8",2689,"ui","[Table] reactive columns for auto-generated UTable columns","2024-11-21T13:11:03Z","https://github.com/nuxt/ui/issues/2689",0.71615595,{"description":2033,"labels":2034,"number":2035,"owner":1985,"repository":1986,"state":2012,"title":2036,"updated_at":2037,"url":2038,"score":2039},"Ok, so I've followed the instructions here: https://nuxt.com/modules/icon#custom-local-collections\n\nI have my folder in \"assets\", with some icons to test:\n\n\n\nThen I have this in my nuxt.config.ts:\n\n```\nicon: {\n aliases: aliases,\n clientBundle: {\n // list of icons to include in the client bundle\n icons: iconsToBundle,\n\n // scan all components in the project and include icons\n scan: true,\n\n // guard for uncompressed bundle size, will fail the build if exceeds\n sizeLimitKb: 256\n },\n customCollections: [\n {\n prefix: 'nemus',\n dir: './assets/icons'\n }\n ]\n },\n```\n\nAnd it seems to be correctly configured, as I get this message when I run the app:\n\n```\n[1:21:18 PM] ✔ Nuxt Icon loaded local collection nemus with 10 icons\n```\n\nBut when I use one of the icons in a component like this:\n```\n\u003CIcon\n name=\"nemus:trucker-blue\"\n :class=\"['size-4 min-w-4', props.isFav ? 'text-fav ' : 'text-secondary-300']\"\n />\n```\n\nI get this error on the console:\n```\n WARN [Icon] failed to load icon nemus:trucker-blue (repeated 5 times)\n\n\n WARN [nuxt] Failed to stringify dev server logs. Received DevalueError: Cannot stringify arbitrary non-POJOs. You can define your own reducer/reviver for rich types following the instructions in https://nuxt.com/docs/api/composables/use-nuxt-app#payload.\n```\n\nI'm guessing the problem is that I didn't understand this line in the docs:\n```\nNote that custom local collections require you to have a server to serve the API. \n```\n\nIf anyone could shed some light, I'd appreciate it a lot :)",[],355,"Help: can't figure out the server part for custom collections","2025-02-11T13:00:52Z","https://github.com/nuxt/icon/issues/355",0.71656257,{"description":2041,"labels":2042,"number":2047,"owner":1985,"repository":1999,"state":2012,"title":2048,"updated_at":2049,"url":2050,"score":2051},"at the moment redeploys on cloud providers with `experimental.buildCache` result in font files not being included in published site\r\n\r\n",[2043,2044],{"name":1996,"color":1997},{"name":2045,"color":2046},"good first issue","7057ff",266,"support for nuxt `experimental.buildCache`","2024-09-23T14:18:03Z","https://github.com/nuxt/fonts/issues/266",0.726896,{"description":2053,"labels":2054,"number":2057,"owner":1985,"repository":2058,"state":2012,"title":2059,"updated_at":2060,"url":2061,"score":2062},"",[2055],{"name":1996,"color":2056},"ff281a",490,"nuxt.com","[Content] Fix blog articles sort by date","2022-05-13T16:00:22Z","https://github.com/nuxt/nuxt.com/issues/490",0.7314447,{"description":2064,"labels":2065,"number":2066,"owner":1985,"repository":2011,"state":2012,"title":2067,"updated_at":2068,"url":2069,"score":2070},"Script looks like this:\r\n```js\r\n!function (w, d, t) {\r\n w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\", \"holdConsent\", \"revokeConsent\", \"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003Cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n\u003Cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i=\"https://analytics.tiktok.com/i18n/pixel/events.js\";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement(\"script\");o.type=\"text/javascript\",o.async=!0,o.src=i+\"?sdkid=\"+e+\"&lib=\"+t;var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(o,a)};\r\n ttq.load('YOUR_ID_HERE');\r\n}(window, document, 'ttq');\r\n```\r\nDocs can be found [here](https://ads.tiktok.com/help/article/get-started-pixel?lang=en)",[],166,"Add Tiktok Pixel to registry","2024-07-23T14:40:36Z","https://github.com/nuxt/scripts/issues/166",0.73669636,{"labels":2072,"number":2081,"owner":1985,"repository":1985,"state":2012,"title":2082,"updated_at":2083,"url":2084,"score":2085},[2073,2075,2078],{"name":2021,"color":2074},"8DEF37",{"name":2076,"color":2077},"discussion","538de2",{"name":2079,"color":2080},"3.x","29bc7f",13525,"Reactivity transform for built-in composables","2023-02-07T00:04:07Z","https://github.com/nuxt/nuxt/issues/13525",0.7389192,{"description":2087,"labels":2088,"number":2089,"owner":1985,"repository":1986,"state":2012,"title":2090,"updated_at":2091,"url":2092,"score":2093},"For me it was increased from `2.91 MB (737 kB gzip)` to `13.5 MB (4.15 MB gzip)`. I understand that it is because icons are now bundled with website to reduce calls to iconify API.\r\n\r\nBut in my case I can no longer deploy website to Cloudflare free workers because of 1MB limit. As I understand, that limit only applies to scripts, but not assets. So maybe there is a way to store icons as assets, not as scripts.\r\n\r\nOr maybe there is some option to disable bundling icons or to bundle only specific icons, not the whole collections.",[],184,"Increased build size after updating to v1","2024-07-18T22:45:10Z","https://github.com/nuxt/icon/issues/184",0.7631484,["Reactive",2095],{},["Set"],["ShallowReactive",2098],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"pRz_W3wAGMMvdw-mpce_x9a01RQJmZ20GFa5ubr7jc8":-1},"/nuxt/fonts/187"]