\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst flip = ref(false);\r\n\u003C/script>\r\n```\r\n\r\nWhile this works fine with nuxt-icon during development, it breaks in a Prod build. The transformations no longer get applied.\r\n\r\nIt would be great if nuxt-icon could also support these props, if possible. I'm open to help with this issue if someone could give me some pointers where to start.",[],138,"[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.8284259,{"description":2897,"labels":2898,"number":2899,"owner":2872,"repository":2883,"state":2900,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v21.7.1\r\n- Nuxt Version: 3.11.1\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.5\r\n- Package Manager: bun@1.1.0\r\n- Builder: -\r\n- User Config: devtools, modules\r\n- Runtime Modules: @nuxt/content@2.12.1, nuxt-icon@0.6.10\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nGitHub repo here: https://github.com/kbrgmn/nuxt-content-icon-reproduction (as the browser freezes/crashes, stackblitz does not work well here)\r\n\r\nVery minimal reproduction:\r\n- a single page `[...slug].vue`:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CContentDoc/>\r\n\u003C/template>`)\r\n```\r\n- 2 components\r\n\r\nthe first of which is:\r\n```vue\r\n\u003Ctemplate>\r\n \u003CIcon name=\"heroicons:information-circle\"/>\r\n\u003C/template>\r\n```\r\n\r\nthe second component is:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cp>Different component here\u003C/p>\r\n \u003Cdiv>\r\n \u003Cslot/>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n- 1 single simple content markdown page using the two components:\r\n```md\r\n# Issue reproduction\r\n\r\nFirst component (icon):\r\n::ComponentWithIcon\r\n::\r\n\r\n::SecondComponent\r\nWe have some more content here\r\n- nsetetur sadipscing elitr,\r\n::\r\n```\r\n\r\n### Describe the bug\r\n\r\nWhen the page is visited (in dev mode with `bun dev`), it completely freezes up (both Firefox and Chrome), \r\nwith no text being selectable, developer console not opening if it hasn't already been opened or opening blank, browser not even closing properly, and this warning is printed hundreds of times repeatedly in the console:\r\n```\r\nAvoid app logic that relies on enumerating keys on a component instance.\r\nThe keys will be empty in production mode to avoid performance overhead.\r\n```\r\n(the reproduction does not have a single \u003Cscript> tag in the whole repository)\r\n\r\nHowever, this issue does not occur when a production build is being done with `bun run build`.\r\n**When the first component (the nuxt-icon) is removed, the issue does not occur.**\r\n\r\n### Logs\r\n\r\nNo warnings / errors are outputted in the terminal where `nuxt dev` is run.\r\n",[],150,"closed","Freezes up in Nuxt Content","2024-06-26T21:21:31Z","https://github.com/nuxt/icon/issues/150",0.75573677,{"description":2906,"labels":2907,"number":2908,"owner":2872,"repository":2883,"state":2900,"title":2909,"updated_at":2910,"url":2911,"score":2912},"I am using nuxt/icon as part of nuxt/ui (v3 alpha), and I am getting constant warnings about failing to load icons:\n```\n[Icon] failed to load icon `lucide:refresh-cw`\n```\nThis is coming up in my console 8+ times for a single page load, for example. I'm also facing an issue where upon using a new icon I've never loaded before, it won't load or appear at all, with the same warning occuring. It takes fully restarting the Nuxt app for the icon to then appear and become \"loadable\", however I am still facing this warning with the `refresh-cw` icon.\n\nI have the icon collection installed locally and it is detected upon load:\n```bash\nℹ Nuxt Icon server bundle mode is set to local 21:37:28\n✔ Nuxt Icon discovered local-installed 1 collections: lucide 21:37:31\nℹ Nuxt Icon client bundle consist of 8 icons with 1.73KB(uncompressed) in size\n```\nAnd I searched other issues, and have tried the following in my nuxt.config.ts as well to little help:\n```ts\n icon: {\n clientBundle: {\n scan: true,\n sizeLimitKb: 256\n }\n }\n```\nI feel like at this point it's a bug with nuxt/icon, or something is up with nuxt/ui that is causing these issues. Hoping for some help with this or to get it fixed if it is a bug.",[],339,"Constant \"failed to load icon\" warnings even with locally installed collection","2025-02-28T06:56:28Z","https://github.com/nuxt/icon/issues/339",0.7644012,{"description":2914,"labels":2915,"number":2916,"owner":2872,"repository":2883,"state":2900,"title":2917,"updated_at":2918,"url":2919,"score":2920},"I didn't quite understand that iconifyApiOptions in the document is only used to provide CDN for the default official api, or it can provide its own icon.\r\n\r\nFor example:\r\nFirst, I made sure that my custom API was written according to the official version and can be accessed normally.\r\n\r\nhttps://localhost:3000/fal.json?icons=house\r\n\r\nHowever, when I set the options below, it didn't work. Only when publicApiFallback:false is set will it work properly.\r\n\r\n```js\r\niconifyApiOptions: {\r\n url: 'http://localhost:3000',\r\n publicApiFallback: true,\r\n},\r\n```\r\n\u003CIcon name=\"fal:house\" /> // 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,"iconifyApiOptions custom API not working","2024-05-09T12:34:33Z","https://github.com/nuxt/icon/issues/153",0.7789507,{"description":2922,"labels":2923,"number":2933,"owner":2872,"repository":2934,"state":2900,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Description\n\nAt the moment InputNumber does not react in any way to the presence of ButtonGroup.\n\n\n\n### Additional context\n\n_No response_",[2924,2927,2930],{"name":2925,"color":2926},"enhancement","a2eeef",{"name":2928,"color":2929},"v3","49DCB8",{"name":2931,"color":2932},"triage","ffffff",4155,"ui","InputNumber ButtonGroup support","2025-05-15T12:30:59Z","https://github.com/nuxt/ui/issues/4155",0.7855459,{"description":2940,"labels":2941,"number":2944,"owner":2872,"repository":2934,"state":2900,"title":2945,"updated_at":2946,"url":2947,"score":2948},"### Description\n\nHi,\n\nit would be nice to have the option to disable the behaviour that the numbers increase or decrease when the buttons are pressed. Because even if I disable the component it doesn't stops. \n\n```js\n\u003CUInputNumber\n :disabled=\"loadingDec || loadingInc\"\n :min=\"0\"\n :max=\"10\"\n v-model=\"quantity\"\n variant=\"soft\"\n size=\"xl\"\n >\u003Ctemplate #decrement>\n \u003CUButton\n :loading=\"loadingDec\"\n variant=\"link\"\n :icon=\"quantity \u003C= 1 ? 'i-heroicons-trash' : 'i-lucide-minus'\"\n @click=\"loadingDec = true\"\n @mousedown=\"onMousedown()\"\n :ui=\"{\n base: `${iconHoverColor} text-gray-500 disabled:text-gray-500 cursor-pointer`,\n }\"\n />\n \u003C/template>\n \u003Ctemplate #increment>\n \u003CUButton\n :loading=\"loadingInc\"\n variant=\"link\"\n icon=\"i-lucide-plus\"\n @click=\"loadingInc = true\"\n :ui=\"{\n base: 'text-gray-500 hover:text-[var(--ui-color-primary-500)] disabled:text-gray-500 cursor-pointer',\n }\"\n />\n \u003C/template>\n \u003C/UInputNumber>\n````\n\nbest,\ngregor\n\n### Additional context\n\n_No response_",[2942,2943],{"name":2925,"color":2926},{"name":2928,"color":2929},3159,"option to disable on press behaviour for increment/decrement for inputNumber component","2025-05-14T15:41:35Z","https://github.com/nuxt/ui/issues/3159",0.79244477,{"description":2950,"labels":2951,"number":2952,"owner":2872,"repository":2953,"state":2900,"title":2954,"updated_at":2955,"url":2956,"score":2957},"`@nuxt/font` is fetching CSS files from Adobe Typekit. However, for fonts with East Asian languages, it is unable to fetch the CSS extensions.\r\n\r\nhttps://github.com/nuxt/fonts/blob/22ae0b124095a8381971d1bf531ceff3eed53024/src/providers/adobe.ts#L109\r\n\r\nBelow is the difference in the Adobe fonts screen:\r\n\r\nInter Variable ( css file include )\r\n\r\n\r\nPretendard ( javascript file include )\r\n\r\n\r\nEast Asian characters (especially CJK) seem to have a large size, so Adobe can't import the entire font by default or all characters. \r\n\r\n\r\n\r\nIf you look at the actual API being called, you'll see that East Asian languages don't come with css files.\r\n - [dpj7fny.js](https://use.typekit.net/dpj7fny.js) - a js file is output\r\n - [dpj7fny.css](https://use.typekit.net/dpj7fny.css) - 412 precondition failed\r\n\r\nCan you add support for these areas? \r\nIf not, you can update the documentation to avoid confusing Asian users.\r\n\r\nIn the logs, it looks like this, making it difficult to determine the cause.\r\n\r\n\r\n\r\nReference:\r\n1. Adobe fonts docs: https://helpx.adobe.com/kr/fonts/using/dynamic-subsetting.html\r\n2. Test font (Pretendard): https://fonts.adobe.com/fonts/pretendard\r\n\r\n",[],105,"fonts","Adobe font provider does not support dynamic subset","2024-04-01T14:38:00Z","https://github.com/nuxt/fonts/issues/105",0.8072895,{"description":2959,"labels":2960,"number":2963,"owner":2872,"repository":2964,"state":2900,"title":2965,"updated_at":2966,"url":2967,"score":2968},"We should have the scroll to top when the aside is changing.\n\nHint: what about having a `key` for the aside based on the docs section (get-started, guide, api, etc.)\n\nhttp://volta.s3.fr-par.scw.cloud/Clean_Shot_2023_01_09_at_12_49_33_0cd5e3b722.mp4\n",[2961],{"name":2866,"color":2962},"ff281a",1137,"nuxt.com","[Aside] Scroll to top is missing when changing docs sections","2023-09-05T08:18:51Z","https://github.com/nuxt/nuxt.com/issues/1137",0.81290483,["Reactive",2970],{},["Set"],["ShallowReactive",2973],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmEUZVmRdnwa74GN7dD_RdXY636BMM0-ROHyXmPIRmxY":-1},"/nuxt/fonts/173"]