\\n\u003Cpath d=\\\"M16 28.8047C22.6274 28.8047 28 23.4321 28 16.8047C28 10.1773 22.6274 4.80469 16 4.80469C9.37258 4.80469 4 10.1773 4 16.8047C4 23.4321 9.37258 28.8047 16 28.8047Z\\\" stroke=\\\"#D324FC\\\" stroke-width=\\\"2\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\"/>\\n\u003Ccircle cx=\\\"16\\\" cy=\\\"17\\\" r=\\\"3\\\" fill=\\\"#D324FC\\\"/>\u003C/g>\"\n }\n }\n}\n```",[],408,"Custom icon fails when calling multiple custom icons from the json url","2025-06-26T14:44:40Z","https://github.com/nuxt/icon/issues/408",0.7283478,{"description":2943,"labels":2944,"number":2945,"owner":2910,"repository":2921,"state":2946,"title":2947,"updated_at":2948,"url":2949,"score":2950},"So in my case in nuxt.config.ts i described custom collection \r\nicon: {\r\n customCollections: [\r\n {\r\n prefix: 'elfi',\r\n dir: './assets/icons'\r\n },\r\n ],\r\n}\r\n\r\nif in my directory lies files with EN names - all works fine\r\nif i put there file with cyrillic (for ex RU) name - the nuxt even can't start properly with \"npm run dev\" - blank screen with no errors\r\n\r\nand one else thing - if i make some changes in folder with icons - i need to terminate nuxt and run again \"npm run dev\" to activate changes",[],201,"closed","Seems like @nuxt/icon doesn't understand other language in files name in local icon collection","2024-07-16T20:38:16Z","https://github.com/nuxt/icon/issues/201",0.688318,{"description":2952,"labels":2953,"number":2945,"owner":2910,"repository":2957,"state":2946,"title":2958,"updated_at":2959,"url":2960,"score":2950},"### 🆒 Your use case\r\n\r\nI would love to use the `ScriptGoogleMaps` component but I dont like the static placeholder. Instead I would like to immediately display the map.\r\n\r\n### 🆕 The solution you'd like\r\n\r\nAdd a prop to disable the placeholder / static map feature entirely.\r\n\r\n### ℹ️ Additional info\r\n\r\nReasons:\r\n- Static Map has a max resolution that is very low and therefor always looks blurry on high dpi screens\r\n- Static Map cant be [styled](https://snazzymaps.com/)\r\n- It takes some time until the scripts are loaded and the map is initialized. Therefor the \"activate map on hover\" doesnt work from a UX perspective",[2954],{"name":2955,"color":2956},"enhancement","a2eeef","scripts","Google Maps: Add option to disabled placeholder","2024-09-03T15:45:42Z","https://github.com/nuxt/scripts/issues/201",{"description":2962,"labels":2963,"number":2964,"owner":2910,"repository":2921,"state":2946,"title":2965,"updated_at":2966,"url":2967,"score":2968},"`\u003CIcon name=\"uil:github\" color=\"red\" />`\r\nreturns\r\n\r\n**App.config.ts**\r\n```\r\n// https://github.com/nuxt-modules/icon#configuration-%EF%B8%8F\r\nexport default defineAppConfig({\r\n icon: {\r\n size: \"300%\", // default \u003CIcon> size applied\r\n class: \"icon\", // default \u003CIcon> class applied\r\n mode: \"css\", // svg || css\r\n aliases: {\r\n nuxt: \"logos:nuxt-icon\",\r\n },\r\n },\r\n})\r\n```\r\n",[],176,"Add universal support for color attribute (similar to CSS icons)","2024-07-15T16:06:31Z","https://github.com/nuxt/icon/issues/176",0.69734,{"description":2970,"labels":2971,"number":2979,"owner":2910,"repository":2911,"state":2946,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, runtimeConfig, app, css, ui, icon, i18n, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.1.0, @nuxt/eslint@1.3.0, @nuxtjs/device@3.2.4, @nuxtjs/i18n@9.5.3, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0, nuxt-lodash@2.5.3\n- Build Modules: -\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/vigorous-cerf-pnrc3g\n\n// app.config.ts\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: 'emerald',\n neutral: 'zinc',\n red: 'red',\n orange: 'orange',\n yellow: 'yellow',\n green: 'green',\n blue: 'blue',\n purple: 'purple',\n gray: 'gray',\n },\n }\n}\n\n// nuxt.config.ts\n\nui: {\n theme: {\n colors: [ 'primary', 'secondary', 'success', 'info', 'warning', 'error', 'red', 'orange', 'yellow', 'green', 'blue', 'purple', 'gray' ],\n },\n },\n\n### Description\n\nYesterday everything was working fine, no code was changed, after the upgrade it broke.\nFor example:\n```html\n\u003Cdiv class=\"bg-(--ui-orange)\">\n```\nOr\n```html\n\u003Cdiv class=\"bg-orange\">\n```\nBoth not work\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2972,2975,2976],{"name":2973,"color":2974},"bug","d73a4a",{"name":2907,"color":2908},{"name":2977,"color":2978},"triage","ffffff",3977,"Extend colors not work after update to v3.1","2025-04-28T10:40:09Z","https://github.com/nuxt/ui/issues/3977",0.71506923,{"description":2985,"labels":2986,"number":2987,"owner":2910,"repository":2921,"state":2946,"title":2988,"updated_at":2989,"url":2990,"score":2991},"Following the steps in the document, I expected to use the Icon component to display a custom SVG Icon, but it failed.\r\n\r\nhttps://stackblitz.com/edit/nuxt-icon-playground-t9ezmw?file=app.vue",[],162,"Custom Local Collections invalid","2024-06-12T02:55:17Z","https://github.com/nuxt/icon/issues/162",0.7159987,{"description":2993,"labels":2994,"number":2998,"owner":2910,"repository":2910,"state":2946,"title":2999,"updated_at":3000,"url":3001,"score":3002},"I'm working in a project that have different users with their logos. Based on the API call I want to load a different CSS with different colour palette.\r\n\r\nNow I have a css folder inside assets folder with main.js (with my custom font styles, etc) and another files in there for the custom color palette: \u003Ccolor-name>-palette.css.\r\n\r\nIn my nuxt.config I'm calling the CSS colour like that:\r\n\r\n `css: [\r\n ' ~/assets/style/app.styl ',\r\n ' ~/assets/css/main.css ',\r\n ' ~/assets/css/orange-palette.css '\r\n ],`\r\n\r\nIs there any way to bind the CSS file depending on the URL path/API call instead of putting the path there?\r\n\r\nI'm not sure if I can use it on templates as well, binding the CSS files in there. Is it possible?\r\n\r\nThanks\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8664\">#c8664\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2995],{"name":2996,"color":2997},"2.x","d4c5f9",5040,"[Help] How to use dynamic CSS files with Nuxt?","2023-01-18T20:10:40Z","https://github.com/nuxt/nuxt/issues/5040",0.7165755,["Reactive",3004],{},["Set"],["ShallowReactive",3007],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRetPmiH8GXd5NA3xh7BX5H6lXhaSh6r2NO6m0fu5wVE":-1},"/nuxt/icon/402"]