\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.8087304,{"description":2896,"labels":2897,"number":2898,"owner":2871,"repository":2882,"state":2899,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### 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.704498,{"description":2905,"labels":2906,"number":1911,"owner":2871,"repository":2882,"state":2899,"title":2910,"updated_at":2911,"url":2912,"score":2913},"This error lights in my IDE (VS Code under Ubuntu) to icon.vue file from node_modules/nuxt-icon/dust/runtime.\r\nI do not know if it is precisely an error, cos' everything works fine in the nuxt app.\r\nMaybe all auto imports loaded normally from my nuxt instance...\r\n\r\npackage.json\r\n```\r\n...\r\n\"devDependencies\": {\r\n \"@nuxtjs/tailwindcss\": \"^6.1.3\",\r\n \"nuxt\": \"3.0.0\",\r\n \"nuxt-icon\": \"^0.1.8\"\r\n }\r\n...\r\n```",[2907],{"name":2908,"color":2909},"question","d876e3","Cannot find module '#imports' or its corresponding type declarations.ts(2307)","2024-03-20T16:51:51Z","https://github.com/nuxt/icon/issues/31",0.7220962,{"description":2915,"labels":2916,"number":1911,"owner":2871,"repository":2917,"state":2899,"title":2918,"updated_at":2919,"url":2920,"score":2913},"Not exactly sure what's going on here, happens on build and when consumed.",[],"scripts","Failed to parse static properties from plugin `.nuxt/modules/@nuxt-scripts.mjs`","2024-07-04T07:36:54Z","https://github.com/nuxt/scripts/issues/31",{"description":2922,"labels":2923,"number":2930,"owner":2871,"repository":2872,"state":2899,"title":2931,"updated_at":2932,"url":2933,"score":2934},"I'm currently trying to add the adobe font \"Elena\" to my project, without success. \nMy searched led me to [#187](https://github.com/nuxt/fonts/issues/187) and it's fix [#192](https://github.com/nuxt/fonts/pull/192) but to no avail.\n\nwould kindly appreciate your help :)\n\nmy nuxt.config.ts fonts //config:\n\n```js\nfonts: {\n defaults: {\n weights: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],\n styles: ['normal', 'italic'],\n },\n adobe: {\n id: ['xxxxxx'],\n },\n fonts: {\n experimental: {\n processCSSVariables: true, // \u003C-- tested if that made a difference\n },\n },\n families: [\n {\n name: 'Industry',\n provider: 'adobe',\n fallbacks: ['Oswald', 'Arial', 'Helvetica', 'sans-serif'],\n },\n {\n name: 'Elena Web Basic', \u003C--- tested \"Elena\", \"Elena Basic\", \"Elena-Web-Basic\"\n provider: 'adobe',\n fallbacks: ['Georgia', 'Times New Roman', 'serif'],\n },\n {\n name: 'Oswald',\n provider: 'google',\n fallbacks: ['Roboto Sans', 'Arial', 'Helvetica', 'sans-serif'],\n },\n ],\n },\n```\n\n```js\nTailwind Config:\n\n`extend: {\n fontFamily: {\n display: ['Industry', 'Oswald', 'Arial', 'Helvetica', 'sans-serif'],\n serif: ['\"Elena Web Basic\"', 'Georgia', 'Times New Roman', 'serif'], //\u003C-- also tried \"Elena\", \"Elena Basic\", \"Elena-Web-Basic\"\n },`\n```\n\nthe typekit css:\n\n```css\n@import url(\"https://p.typekit.net/p.css?s=1&k=dou8fmt&ht=tk&f=25310.25314.14437.14439&a=8358342&app=typekit&e=css\");\n\n@font-face {\nfont-family:\"industry\";\nsrc:url(\"https://use.typekit.net/af/99114e/000000000000000077519a43/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff2\"),url(\"https://use.typekit.net/af/99114e/000000000000000077519a43/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff\"),url(\"https://use.typekit.net/af/99114e/000000000000000077519a43/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"opentype\");\nfont-display:auto;font-style:normal;font-weight:700;font-stretch:normal;\n}\n\n@font-face {\nfont-family:\"industry\";\nsrc:url(\"https://use.typekit.net/af/e15078/000000000000000077519a3f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"woff2\"),url(\"https://use.typekit.net/af/e15078/000000000000000077519a3f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"woff\"),url(\"https://use.typekit.net/af/e15078/000000000000000077519a3f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3\") format(\"opentype\");\nfont-display:auto;font-style:normal;font-weight:600;font-stretch:normal;\n}\n\n@font-face {\nfont-family:\"elena-web-basic\";\nsrc:url(\"https://use.typekit.net/af/5d3cbc/00000000000000007735daea/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff2\"),url(\"https://use.typekit.net/af/5d3cbc/00000000000000007735daea/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"woff\"),url(\"https://use.typekit.net/af/5d3cbc/00000000000000007735daea/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3\") format(\"opentype\");\nfont-display:auto;font-style:normal;font-weight:700;font-stretch:normal;\n}\n\n@font-face {\nfont-family:\"elena-web-basic\";\nsrc:url(\"https://use.typekit.net/af/d89e6b/00000000000000007735daec/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"woff2\"),url(\"https://use.typekit.net/af/d89e6b/00000000000000007735daec/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"woff\"),url(\"https://use.typekit.net/af/d89e6b/00000000000000007735daec/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3\") format(\"opentype\");\nfont-display:auto;font-style:normal;font-weight:400;font-stretch:normal;\n}\n\n.tk-industry { font-family: \"industry\",sans-serif; }\n.tk-elena-web-basic { font-family: \"elena-web-basic\",serif; }`\n\n```",[2924,2927],{"name":2925,"color":2926},"needs reproduction","C94E53",{"name":2928,"color":2929},"closed-by-bot","ededed",340,"adobe fonts with differing name information not loading","2024-10-31T02:02:15Z","https://github.com/nuxt/fonts/issues/340",0.72765785,{"description":2936,"labels":2937,"number":2938,"owner":2871,"repository":2872,"state":2899,"title":2939,"updated_at":2940,"url":2941,"score":2942},"`@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,"Adobe font provider does not support dynamic subset","2024-04-01T14:38:00Z","https://github.com/nuxt/fonts/issues/105",0.73058116,{"description":2944,"labels":2945,"number":2946,"owner":2871,"repository":2882,"state":2899,"title":2947,"updated_at":2948,"url":2949,"score":2950},"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.7378866,{"description":2952,"labels":2953,"number":2954,"owner":2871,"repository":2872,"state":2899,"title":2955,"updated_at":2956,"url":2957,"score":2958},"#### Output of `npx nuxi info`:\r\n\r\n```\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@9.1.4\r\n- Builder: -\r\n- User Config: devtools, modules, fonts\r\n- Runtime Modules: @nuxt/fonts@0.7.0\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n#### My custom provider in `~/providers/ComputerModernFontProvider.ts`:\r\n\r\n```ts\r\nimport { defineFontProvider } from '@nuxt/fonts/utils'\r\n\r\nexport default defineFontProvider({\r\n async resolveFontFaces (fontFamily, defaults) {\r\n if (fontFamily === 'Computer Modern') {\r\n return { \r\n fonts: [\r\n { \r\n weight: 400,\r\n style: 'normal',\r\n src: { url: '\u003Clink-to-cdn>', format: 'otf' },\r\n },\r\n { \r\n weight: 400,\r\n style: 'italic',\r\n src: { url: '\u003Clink-to-cdn>', format: 'otf' },\r\n },\r\n { \r\n weight: 700,\r\n style: 'normal',\r\n src: { url: '\u003Clink-to-cdn>', format: 'otf' },\r\n },\r\n ]\r\n }\r\n }\r\n }\r\n})\r\n```\r\n\r\n#### Picture of the Error:\r\n\r\n\r\n\r\n#### Steps & Contribution\r\n\r\nI find this super weird since `./utils` **is** already defined in the `package.json` [here](https://github.com/nuxt/fonts/blob/8a00c3b0771bbcf0cd34c9e2a854eb77b501d8ff/package.json#L17).\r\nIf someone could give me some pointers towards the solution, I'd happily create a PR.\r\nThank you in advance.\r\n",[],170,"Bug when importing `defineFontProvider`: Package subpath './utils' is not defined by \"exports\"","2024-09-23T12:06:54Z","https://github.com/nuxt/fonts/issues/170",0.76223403,["Reactive",2960],{},["Set"],["ShallowReactive",2963],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGwr3waH2o0URqkW9334kM1fWVFFkQdOkqu8J6r3A2gc":-1},"/nuxt/icon/339"]