work in Storybook? Thank you",[2867],{"name":2868,"color":2869},"question","d876e3",77,"nuxt","icon","open","How do we make nuxt-icon work in Storybook?","2025-01-17T10:54:58Z","https://github.com/nuxt/icon/issues/77",0.7688115,{"description":2879,"labels":2880,"number":2887,"owner":2871,"repository":2871,"state":2873,"title":2888,"updated_at":2889,"url":2890,"score":2891},"E.g: \r\n\r\nThis common problem can avoid many `Issues`\r\n\r\nWhat do y'all think :)",[2881,2884],{"name":2882,"color":2883},"documentation","5319e7",{"name":2885,"color":2886},"discussion","538de2",14689,"Add FAQ section to the docs for common issues","2024-06-30T11:10:19Z","https://github.com/nuxt/nuxt/issues/14689",0.78614265,{"description":2893,"labels":2894,"number":2904,"owner":2871,"repository":2905,"state":2873,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Reproduction\n\n````\n\u003Ctemplate>\n \u003CUChip text=\"test\" size=\"3xl\">\n \u003CUButton icon=\"i-lucide-mail\" color=\"neutral\" variant=\"subtle\" />\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[2895,2898,2901],{"name":2896,"color":2897},"bug","d73a4a",{"name":2899,"color":2900},"v3","49DCB8",{"name":2902,"color":2903},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7932281,{"description":2911,"labels":2912,"number":2913,"owner":2871,"repository":2872,"state":2873,"title":2914,"updated_at":2915,"url":2916,"score":2917},"I added @nuxt/icon to my project. In the project it is working fine but in histoire it is not working.\r\nIn histoire it is not able to render the stories that contain components that use @nuxt/icon.\r\n\r\nOn devtools console you always see the error:\r\n\u003Cimg width=\"654\" alt=\"Bildschirmfoto 2024-07-22 um 21 10 24\" src=\"https://github.com/user-attachments/assets/4793e76d-e549-4712-bdfc-dc230c1cb56f\">\r\n\r\nit doesn't matter if mode is css or svg, it doesn't matter if from iconify icon libs, global components or custom collections, it is simple not able to work with it. The error is always the same.\r\n\r\nHere is a reproduction: https://stackblitz.com/edit/nuxt-starter-kckxy8\r\nrun the histoire to see the story not getting rendered and the console error in devtools.\r\n\r\nPlease help!",[],212,"@nuxt/icon not working in histoire with mode \"svg\"","2024-08-11T05:45:02Z","https://github.com/nuxt/icon/issues/212",0.7956107,{"description":2919,"labels":2920,"number":2921,"owner":2871,"repository":2872,"state":2922,"title":2923,"updated_at":2924,"url":2925,"score":2926},"",[],319,"closed","Request to the server bundled icon is return randomly icons on production website","2024-12-10T16:10:36Z","https://github.com/nuxt/icon/issues/319",0.7559402,{"description":2928,"labels":2929,"number":2930,"owner":2871,"repository":2872,"state":2922,"title":2931,"updated_at":2932,"url":2933,"score":2934},"```vue\r\n\u003CIcon name=\"uil:github\" v-if=\"true\" />\r\n\u003Ctemplate v-if=\"true\">\r\n \u003CIcon name=\"uil:github\" />\r\n\u003C/template>\r\n```\r\nwhen use `Icon` with v-if, the whole icon become tiny samll.\r\n\r\n\r\n",[],81,"size not effective when use v-if","2023-06-06T14:45:00Z","https://github.com/nuxt/icon/issues/81",0.76291245,{"description":2936,"labels":2937,"number":2938,"owner":2871,"repository":2939,"state":2922,"title":2940,"updated_at":2941,"url":2942,"score":2943},"Here is my config code\r\n\r\n```\r\nfamilies: [\r\n {\r\n name: 'Display',\r\n src: '/fonts/Display/',\r\n weights: ['200', '300', '400', '500', '700', '900'],\r\n display: 'swap',\r\n },\r\n {\r\n name: 'Narr',\r\n src: '/fonts/Narr/',\r\n weights: ['100', '300', '400', '500', '700', '900'],\r\n display: 'swap',\r\n },\r\n ],\r\n```\r\nand this structure of my font file\r\n\r\n\u003Cimg width=\"347\" alt=\"image\" src=\"https://github.com/nuxt/fonts/assets/19503892/ca4df9b5-7d5a-4193-b79b-1a3a3b406737\">\r\n\r\n\r\n\r\n**The Narr font is already readable**, and the display font not readable like this.\r\n\r\n\r\n\u003Cimg width=\"796\" alt=\"image\" src=\"https://github.com/nuxt/fonts/assets/19503892/61f3d912-b63c-40a6-b1c1-0825543fe23e\">",[],165,"fonts","Two local fonts familly, Only one legible","2024-05-30T21:18:42Z","https://github.com/nuxt/fonts/issues/165",0.7631813,{"description":2945,"labels":2946,"number":217,"owner":2871,"repository":2939,"state":2922,"title":2951,"updated_at":2952,"url":2953,"score":2954},"Is it possible to specify the priority of downloading files by their extension (woff 2, woff, tff)? Now, if a folder contains both ttf and woff2 at the same time, then the module loads tff. Or do I only need to store fonts in woff2 format?\r\n\r\n\r\n\r\n",[2947,2948],{"name":2896,"color":2897},{"name":2949,"color":2950},"needs reproduction","C94E53","Allow downloading priority by extensions","2024-09-23T12:02:52Z","https://github.com/nuxt/fonts/issues/135",0.7676147,{"description":2956,"labels":2957,"number":2958,"owner":2871,"repository":2872,"state":2922,"title":2959,"updated_at":2960,"url":2961,"score":2962},"Sometimes in Nuxt Content, icons are used in the [`_dir.yml`](https://content.nuxt.com/usage/navigation#custom-keys) files, which will escape file scanner when using `clientBundle.scan`.\n\nhttps://github.com/nuxt/icon/blob/0939395def276ffb21862bdb79f0211d2e9aa47b/src/scan.ts#L15-L20\n\nCan we add a `.yml` suffix to `globInclude` or perhaps add a config for this.\n",[],288,"[Feature] include `.yml` files in `scanSourceFiles` for `clientBundle.scan`","2024-10-25T03:49:02Z","https://github.com/nuxt/icon/issues/288",0.7702567,{"description":2964,"labels":2965,"number":2970,"owner":2871,"repository":2939,"state":2922,"title":2971,"updated_at":2972,"url":2973,"score":2974},"We upgraded a few weeks ago to Nuxt Fonts from [Nuxt Google Fonts](https://google-fonts.nuxtjs.org/) but noticed today our Google fonts are not served in Histoire:\r\n\r\n\r\n\r\n```\r\nFailed to decode downloaded font:\r\n\r\nhttp://localhost:6006/_fonts/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8siGqWZ-w-hYuQIDRE3D.woff2\r\n```\r\n\r\nThe Network response is actually HTML, and the Histoire index page itself:\r\n\r\n```html\r\n\u003C!DOCTYPE html>\r\n\u003Chtml>\r\n \u003Chead>\r\n \u003Cscript type=\"module\" src=\"/@vite/client\">\u003C/script>\r\n\r\n \u003Ctitle>\u003C/title>\r\n \u003Clink rel=\"icon\" href=\"\"/>\r\n \u003Cmeta charset=\"utf-8\">\r\n \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n \u003Cmeta name=\"description\" content=\"\">\r\n \r\n \u003C/head>\r\n \u003Cbody>\r\n \u003Cdiv id=\"app\">\u003C/div>\r\n \u003Cscript type=\"module\" src=\"/@fs/Volumes/Data/Work/Clients/Forgd/forgd/node_modules/@histoire/app/dist/bundle-main.js\">\u003C/script>\r\n \u003C/body>\r\n\u003C/html>\r\n```\r\n\r\nThis is the change in requests from package to package:\r\n\r\n```\r\n// before, served from here:\r\nhttp://localhost:6006/node_modules/.cache/nuxt-google-fonts/fonts/Sora-300-12.woff2\r\n\r\n// after, server from here:\r\nhttp://localhost:6006/_fonts/aFTU7PB1QTsUX8KYthqQBK6PYK0-hqxt3dDpcK.woff2\r\n```\r\n\r\nThe only other special thing is that our project uses NX as a monorepo.\r\n\r\nAny ideas?",[2966,2967],{"name":2896,"color":2897},{"name":2968,"color":2969},"good first issue","7057ff",240,"Nuxt Fonts not loading in Histoire","2024-09-23T14:00:55Z","https://github.com/nuxt/fonts/issues/240",0.7734382,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fK9EC_k40qno_kdRioQGLxtdexj0Vw4ZBvnp5s_jimv8":-1},"/nuxt/icon/255"]