\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,"nuxt","icon","open","[Feature Request] Support Iconify Transformations","2024-03-15T09:15:14Z","https://github.com/nuxt/icon/issues/138",0.739844,{"description":1993,"labels":1994,"number":1998,"owner":1985,"repository":1999,"state":1987,"title":2000,"updated_at":2001,"url":2002,"score":2003},"\"Demo\":\r\nhttps://github.com/JakeIsMeh/fonts-repro\r\n\r\nCurrently, there are no conventions on how to name variable versions of fonts, which can lead to many issues when users try to specifically select variable versions of fonts.\r\n\r\nFontsource has it's users specify `[font name] Variable` to use variable fonts, while Inter currently has users specify `InterVariable` (v4, from the website) or `Inter var` (v3).\r\n\r\nWhile I don't think that it is unreasonable for the OOTB behavior to expect plain names that are searchable across all providers, I think that this should either be called out in the docs or the parser becomes smart enough to process this (or warn when a font cannot be resolved).\r\n\r\nAdditionally, I believe that this, #172, and a perfect storm of a locally installed version of Inter contributed to https://github.com/nuxt/nuxt.com/pull/1589, showing that it is already a footgun in real-world scenarios.",[1995],{"name":1996,"color":1997},"documentation","0075ca",173,"fonts","DX: Document or improve variable font behaviour","2024-06-04T14:26:45Z","https://github.com/nuxt/fonts/issues/173",0.76743823,{"description":2005,"labels":2006,"number":2010,"owner":1985,"repository":1985,"state":1987,"title":2011,"updated_at":2012,"url":2013,"score":2014},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.17.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: compatibilityDate, devtools, future, experimental, app, modules\n- Runtime Modules: @nuxt/test-utils/module@3.17.2\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nI've added this command so it will automatically start tests after deps install\n\n```\n\"stackblitz\": {\n \"startCommand\": \"pnpm run test\"\n }\n```\n\nhttps://stackblitz.com/~/github.com/gaisinskii/nuxt-testing-issue-base-url\n\n### Describe the bug\n\nThere is some issue with \n\n```\napp: {\n baseURL: '/andy'\n },\n```\n\nand\n\n```\n experimental: {\n appManifest: true\n },\n```\n\nin the nuxt config. Whenever i comment `baseURL` and leave `appManifest: true` everything works, but if I add `baseURL` back I get the error. Also if you set `appManifest: false` and add `baseURL` everything works!\n\n### Additional context\n\nThe errors that I get in the console\n\n```\nstderr | app/components/TheComponent/TheComponent.test.ts\n[nuxt] Error fetching app manifest. FetchError: [GET] \"/andy/_nuxt/builds/meta/test.json\": 404 Cannot find any path matching /andy/_nuxt/builds/meta/test.json.\n at processTicksAndRejections (node:internal/process/task_queues:95:5)\n at $fetch2 (file:///Users/andy/Projects/admitad/tests-base-url/node_modules/.pnpm/ofetch@1.4.1/node_modules/ofetch/dist/shared/ofetch.03887fc3.mjs:316:15)\n\nstderr | app/components/TheComponent/TheComponent.test.ts\n[nuxt] error caught during app initialization FetchError: [GET] \"/andy/_nuxt/builds/meta/test.json\": 404 Cannot find any path matching /andy/_nuxt/builds/meta/test.json.\n at processTicksAndRejections (node:internal/process/task_queues:95:5)\n at $fetch2 (file:///Users/andy/Projects/admitad/tests-base-url/node_modules/.pnpm/ofetch@1.4.1/node_modules/ofetch/dist/shared/ofetch.03887fc3.mjs:316:15) {\n cause: FetchError: [GET] \"/andy/_nuxt/builds/meta/test.json\": 404 Cannot find any path matching /andy/_nuxt/builds/meta/test.json.\n at processTicksAndRejections (node:internal/process/task_queues:95:5)\n at $fetch2 (file:///Users/andy/Projects/admitad/tests-base-url/node_modules/.pnpm/ofetch@1.4.1/node_modules/ofetch/dist/shared/ofetch.03887fc3.mjs:316:15),\n statusCode: 404,\n fatal: false,\n unhandled: false,\n statusMessage: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.',\n data: {\n statusCode: 404,\n statusMessage: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.',\n stack: []\n }\n}\n```\n\n```\nFetchError: [GET] \"/andy/_nuxt/builds/meta/test.json\": 404 Cannot find any path matching /andy/_nuxt/builds/meta/test.json.\n ❯ processTicksAndRejections node:internal/process/task_queues:95:5\n ❯ $fetch2 node_modules/.pnpm/ofetch@1.4.1/node_modules/ofetch/dist/shared/ofetch.03887fc3.mjs:316:15\n\n```\n\n\n```\nSerialized Error: { request: '/andy/_nuxt/builds/meta/test.json', options: { responseType: 'json', headers: { constructor: 'Function\u003CHeaders>', append: 'Function\u003Cappend>', delete: 'Function\u003Cdelete>', get: 'Function\u003Cget>', set: 'Function\u003Cset>', getSetCookie: 'Function\u003CgetSetCookie>', has: 'Function\u003Chas>', forEach: 'Function\u003CforEach>', keys: 'Function\u003Ckeys>', values: 'Function\u003Cvalues>', entries: 'Function\u003Centries>' } }, response: { _data: { statusCode: 404, statusMessage: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.', stack: [] }, constructor: 'Function\u003CResponse>', type: 'default', url: '', redirected: false, status: 404, ok: false, statusText: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.', headers: { constructor: 'Function\u003CHeaders>', append: 'Function\u003Cappend>', delete: 'Function\u003Cdelete>', get: 'Function\u003Cget>', has: 'Function\u003Chas>', set: 'Function\u003Cset>', getSetCookie: 'Function\u003CgetSetCookie>', keys: 'Function\u003Ckeys>', values: 'Function\u003Cvalues>', entries: 'Function\u003Centries>', forEach: 'Function\u003CforEach>' }, body: { constructor: 'Function\u003CReadableStream>', locked: true, cancel: 'Function\u003Ccancel>', getReader: 'Function\u003CgetReader>', pipeThrough: 'Function\u003CpipeThrough>', pipeTo: 'Function\u003CpipeTo>', tee: 'Function\u003Ctee>', values: 'Function\u003Cvalues>' }, bodyUsed: true, clone: 'Function\u003Cclone>', blob: 'Function\u003Cblob>', arrayBuffer: 'Function\u003CarrayBuffer>', text: 'Function\u003Ctext>', json: 'Function\u003Cjson>', formData: 'Function\u003CformData>', bytes: 'Function\u003Cbytes>' }, data: { statusCode: 404, statusMessage: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.', stack: [] }, status: 404, statusCode: 404, statusText: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.', statusMessage: 'Cannot find any path matching /andy/_nuxt/builds/meta/test.json.' }\nThis error originated in \"app/components/TheComponent/TheComponent.test.ts\" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.\nThe latest test that might've caused the error is \"should render the component\". It might mean one of the following:\n- The error was thrown, while Vitest was running this test.\n- If the error occurred after the test had been completed, this was the last documented test before it was thrown.\n```\n\n\n\n### Logs\n\n```shell-script\n\n```",[2007],{"name":2008,"color":2009},"pending triage","E99695",31328,"Error fetching app manifest in testing files when baseURL is provided","2025-03-11T14:02:46Z","https://github.com/nuxt/nuxt/issues/31328",0.7712503,{"description":2016,"labels":2017,"number":2022,"owner":1985,"repository":1985,"state":1987,"title":2023,"updated_at":2024,"url":2025,"score":2026},"While using $fetch in Nuxt 3 for API requests, some users encounter an error with the message \u003Cno response> Load failed. This error occurs only on the client side and is intermittent, affecting approximately 2-3% of users.\n\nThe error details are as follows:\n\t•\tThe request does not reach the server (no logs on the server side).\n\t•\tThe error has no associated status code or additional metadata.\n\t•\tThe issue is not limited to requests made to our server but also occurs with third-party APIs.\n\nExpected Behavior:\nAPI requests should either succeed or fail with a clear error message and status code indicating the cause of the issue.\n\nSteps to Reproduce:\n\t1.\tUse $fetch in a Nuxt 3 project to make API requests.\n\t2.\tDeploy the project in a production environment.\n\t3.\tObserve logs and errors for a small subset of users.\n\nAdditional Context:\n\t•\tEnvironment: Nuxt 3.x, Production\n\t•\tExample fetch implementation:\n\n\n`\nimport {useUserStore} from \"~/store/userStore.js\";\n\nexport const useClientFetch = async (url, opts = {}, retries = 3) => {\n const config = useRuntimeConfig();\n\n if (!config || !config.public) {\n throw new Error('Runtime config is not available');\n }\n\n const userStore = useUserStore();\n\n let headers = {\n accept: 'application/json',\n ...opts?.headers,\n referer: config.public.baseURL,\n 'Accept-Language': config.public.locale,\n };\n\n if (userStore.isAuthenticated) {\n headers['User-Token'] = `${userStore.token}`;\n }\n\n const fetchWithRetry = async (url, opts, retriesLeft) => {\n try {\n console.log(`Requesting: ${url}, Retries left: ${retriesLeft}`);\n return await $fetch(url, {\n query: opts.query,\n body: opts.body,\n method: opts.method ?? 'GET',\n baseURL: config.public.API_URL,\n headers,\n });\n } catch (error) {\n console.error(`Fetch error on attempt ${retries - retriesLeft + 1}:`, error);\n\n if (retriesLeft > 1) {\n console.warn(`Retrying... (${retries - retriesLeft + 1}/${retries})`);\n return fetchWithRetry(url, opts, retriesLeft - 1);\n }\n\n throw error\n }\n };\n\n return fetchWithRetry(url, opts, retries);\n};\n`\n\nWhat I’ve Tried:\n\t•\tAdding retries with exponential backoff.\n\t•\tVerifying network conditions for affected users.\n\t•\tChecking browser and device details (e.g., iOS Safari seems more prone to this issue).\n",[2018,2019],{"name":2008,"color":2009},{"name":2020,"color":2021},"needs reproduction","FBCA04",30522,"Unexpected \u003Cno response> Load failed error in Nuxt 3 $fetch","2025-03-18T06:13:55Z","https://github.com/nuxt/nuxt/issues/30522",0.7734161,{"description":2028,"labels":2029,"number":2030,"owner":1985,"repository":1999,"state":2031,"title":2032,"updated_at":2033,"url":2034,"score":2035},"#### 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,"closed","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.67515403,{"description":2037,"labels":2038,"number":2045,"owner":1985,"repository":1999,"state":2031,"title":2046,"updated_at":2047,"url":2048,"score":2049},"",[2039,2042],{"name":2040,"color":2041},"enhancement","a2eeef",{"name":2043,"color":2044},"provider","1161A4",11,"adobe fonts provider","2024-03-12T23:29:19Z","https://github.com/nuxt/fonts/issues/11",0.69247913,{"description":2051,"labels":2052,"number":2053,"owner":1985,"repository":1986,"state":2031,"title":2054,"updated_at":2055,"url":2056,"score":2057},"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.6978905,{"description":2059,"labels":2060,"number":2061,"owner":1985,"repository":1999,"state":2031,"title":2062,"updated_at":2063,"url":2064,"score":2065},"`@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.7180468,{"description":2067,"labels":2068,"number":2074,"owner":1985,"repository":1999,"state":2031,"title":2075,"updated_at":2076,"url":2077,"score":2078},"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```",[2069,2071],{"name":2020,"color":2070},"C94E53",{"name":2072,"color":2073},"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.73172325,{"description":2080,"labels":2081,"number":2082,"owner":1985,"repository":1986,"state":2031,"title":2083,"updated_at":2084,"url":2085,"score":2086},"Hey, I am using nuxt with custom base-path and my custom collection isn't loading on deployed app. Is there a way to change base path for the icons?",[],163,"Add support for customized base path","2024-05-25T10:23:25Z","https://github.com/nuxt/icon/issues/163",0.7402944,["Reactive",2088],{},["Set"],["ShallowReactive",2091],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"jir7mo3I3Ivt_fvckXAt8vrn4efEJcC3DlTrpNqvWxg":-1},"/nuxt/icon/150"]