\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,"icon","closed","Freezes up in Nuxt Content","2024-06-26T21:21:31Z","https://github.com/nuxt/icon/issues/150",0.69923276,{"description":2006,"labels":2007,"number":2008,"owner":1988,"repository":1999,"state":2000,"title":2009,"updated_at":2010,"url":2011,"score":2012},"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.7387887,{"description":2014,"labels":2015,"number":2016,"owner":1988,"repository":2017,"state":2000,"title":2018,"updated_at":2019,"url":2020,"score":2021},"## Background\r\n\r\n[Third-party capital](https://github.com/GoogleChromeLabs/third-party-capital) was being used previously to generate some of the static data needed for a subset of the registry scripts (youtube, google maps, google analytics, google tag manager). \r\n\r\nThe runtime dependency has since been removed in a [PR](https://github.com/nuxt/scripts/pull/23) for several reasons below. We still use the exported types for the scripts.\r\n\r\n### Runtime Overhead\r\n\r\nThird-party-capital has quite a hefty runtime bundle size relatively. Consider that the `useScript` wrapper from Unhead and Nuxt itself is only around ~2kb, which I think is too high and would be exploring further ways to bring it down. For Nuxt Scripts to be maximally useful it needs to be as minimal as possible.\r\n\r\nThe minified bundled size for each export with comparisons for current size:\r\n\r\n- Google Analytics: 1.7KB (vs 393B)\r\n- Google Tag Manager 1.6KB (vs 384B)\r\n- Google Maps 1.6KB minified (n/a as the implementation is different to TPC)\r\n- Youtube 1.7KB minified (n/a as the implementation is different to TPC)\r\n\r\n### Convulated implementation / no implementation types\r\n\r\nTPC abstracts away the implementation details inside of a JSON file that has custom parsing, this makes it quite difficult to debug the behaviour of the code without digging into the entire code base implementation.\r\n\r\n```ts\r\nimport { GoogleAnalytics } from 'third-party-capital'\r\n\r\nconst schema = GoogleAnalytics({ /* options */)\r\n// schema is generically typed\r\nconst scripts = schema.scripts \r\n// scripts is an array, no way to know which script is the load of the script verse the bootstrap setup\r\n```\r\n\r\nBecause the implementation is not obvious, it adds a disconnect between how the the `use()` and the stubs are implemented versus the rest of the script. \r\n\r\nFor example for SSR in GTM, we need to stub dataLayer as an array so we can push to it.\r\n\r\n```ts\r\n scriptOptions: {\r\n use() {\r\n return { dataLayer: window.dataLayer, google_tag_manager: window.google_tag_manager }\r\n },\r\n // allow dataLayer to be accessed on the server\r\n stub: import.meta.client\r\n ? undefined\r\n : ({ fn }) => {\r\n return fn === 'dataLayer' ? [] : undefined\r\n },\r\n },\r\n```\r\n\r\n### Leveraging Nuxt Tree Shaking for Micro-Optimizations\r\n\r\nSince Nuxt is a SSR framework, there are certain optimizations we can opt-in to that environment agnostic packages can't, as they have no control over the SSR lifecycle.\r\n\r\n```ts\r\nif (import.meta.server) {\r\n // offload logic to the server instead of having the client do it\r\n // - gets treeshaken out of the client-build\r\n}\r\n```\r\n\r\nA simple example of a micro-optimization is not passing any code that only the client needs to use. For example, we need to bootstrap the `window` for most third-party scripts, in Nuxt we can easily leverage tree-shaking to make sure this code isn't in the server bundle.\r\n\r\n```ts\r\n// packages publish code like this to be environment agnostic\r\nif (typeof window !== 'undefined') {\r\n\r\n}\r\n```\r\n\r\n```ts\r\n// in nuxt we can just treeshake as we have control over rollup\r\nif (import.meta.client) {\r\n window.myLib = {}\r\n}\r\n```\r\n\r\nFor something concrete, we can consider not running head injection tasks on the client when we can just do it on the server, reducing the time to hydrate the client.\r\n\r\nWe can see this in the `ScriptYouTubePlayer` component.\r\n\r\n```ts\r\nif (import.meta.server) {\r\n useHead({\r\n link: [\r\n {\r\n rel: props.aboveTheFold ? 'preconnect' : 'dns-prefetch',\r\n href: 'https://i.ytimg.com',\r\n },\r\n props.aboveTheFold\r\n // we can preload the placeholder image\r\n ? {\r\n rel: 'preload',\r\n as: 'image',\r\n href: placeholder.value,\r\n }\r\n : {},\r\n ],\r\n })\r\n}\r\n```\r\n\r\nTo achieve this with TPC would be quite difficult and would unlikely to work even if we can tree shake.\r\n\r\n### Maintanence DX\r\n\r\nNuxt Scripts is providing out-of-the-box support for 16 scripts, having 4 of them being configured differently through an external dependency we don't have control over will make maintenance harder in the short and long term.\r\n\r\nI'd also like to see the repo more active generally, the following remain open and unanswered. \r\n- https://github.com/GoogleChromeLabs/third-party-capital/issues/22\r\n- https://github.com/GoogleChromeLabs/third-party-capital/issues/21\r\n\r\n## Reimplementing TPC\r\n\r\nI'm happy to reconsider adding TPC within the runtime if the above can be solved or some other value can be provided that justifies the constraints.\r\n\r\n",[],54,"scripts","Third Party Capital Discussion","2024-08-22T08:05:29Z","https://github.com/nuxt/scripts/issues/54",0.73885643,{"description":2023,"labels":2024,"number":2031,"owner":1988,"repository":1989,"state":2000,"title":2032,"updated_at":2033,"url":2034,"score":2035},"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```",[2025,2028],{"name":2026,"color":2027},"needs reproduction","C94E53",{"name":2029,"color":2030},"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.7404847,{"description":2037,"labels":2038,"number":2042,"owner":1988,"repository":1988,"state":2000,"title":2043,"updated_at":2044,"url":2045,"score":2046},"\u003C!--\r\n🚨 IMPORTANT 🚨\r\n\r\nPlease use the following link to create a new issue:\r\n\r\n- 🚨 Bug report - https://bug.nuxtjs.org/ \r\n- 🙋 Feature request - https://feature.nuxtjs.org/ \r\n- 🤔 Help wanted - https://otechie.com/nuxt \r\n- ❗️ All other issues - https://cmty.nuxtjs.org/ \r\n\r\nIf your issue was not created using the app above, **it will be closed immediately**.\r\n\r\n🚨 注意事项 🚨\r\n\r\n请务必使用下述链接来创建 issue:\r\n\r\n- 🚨 Bug 提交 - https://bug.nuxtjs.org/ \r\n- 🙋 新功能提案 - https://feature.nuxtjs.org/ \r\n- 🤔 寻求帮助 - https://otechie.com/nuxt \r\n- ❗️ 其他问题 - https://cmty.nuxtjs.org/ \r\n\r\n如果 issue 不是通过上述链接进行创建, **该 issue 会被系统自动关闭**\r\n-->\r\n\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/c9327\">#c9327\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2039],{"name":2040,"color":2041},"2.x","d4c5f9",5893,"nuxtSeverInit","2023-01-18T20:25:39Z","https://github.com/nuxt/nuxt/issues/5893",0.7610687,{"description":2048,"labels":2049,"number":2056,"owner":1988,"repository":2057,"state":2000,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.3.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxt/eslint@0.7.4, @nuxt/image@1.8.1\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.15.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-ui3-forked-87nr2y\n\n### Description\n\nThis is pretty cut and dry. The current link generated for \"Next\" is the same as \"Last\":\n```\n \u003CPaginationNext v-if=\"showControls || !!slots.next\" as-child>\n \u003Cslot name=\"next\">\n \u003CUButton :color=\"color\" :variant=\"variant\" :size=\"size\" :icon=\"nextIcon\" :to=\"page \u003C pageCount ? to?.(pageCount) : undefined\" />\n \u003C/slot>\n \u003C/PaginationNext>\n \u003CPaginationLast v-if=\"showControls || !!slots.last\" as-child>\n \u003Cslot name=\"last\">\n \u003CUButton :color=\"color\" :variant=\"variant\" :size=\"size\" :icon=\"lastIcon\" :to=\" to?.(pageCount)\" />\n \u003C/slot>\n \u003C/PaginationLast>\n```\n\nA change as simple as `:to=\"page \u003C pageCount ? to?.(page + 1) : undefined` is all the love it needs.\n\n(I've never been involved with GitHub much, so please forgive me for not PR'ing or getting anything wrong in this bug report.)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2050,2053],{"name":2051,"color":2052},"bug","d73a4a",{"name":2054,"color":2055},"v3","49DCB8",3008,"ui","UPagination: \"Next\" link navigates to \"Last\"","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3008",0.7681647,{"description":2063,"labels":2064,"number":2068,"owner":1988,"repository":2069,"state":2000,"title":2070,"updated_at":2071,"url":2072,"score":2073},"Respectively to `contact@nuxt.com` / `support@nuxt.com` / `careers@nuxt.com`",[2065],{"name":2066,"color":2067},"enhancement","1ad6ff",503,"nuxt.com","[Company] `contact` / `support` / `careers` forms should send an email","2023-02-15T12:32:26Z","https://github.com/nuxt/nuxt.com/issues/503",0.76830643,{"description":2075,"labels":2076,"number":2068,"owner":1988,"repository":2080,"state":2000,"title":2081,"updated_at":2082,"url":2083,"score":2073},"After updating happy-dom to the latest version **10.5.2** ,\r\nI have this error when I run my app : \r\n`Error while requiring module vitest-environment-nuxt/module: Error: Cannot find module '/Users/\u003Cuser>/\u003Cfolderpath>/vitest-environment-nuxt/module'`\r\n\r\nDoes anyone have a solution ?",[2077],{"name":2078,"color":2079},"vitest-environment","b60205","test-utils","Error after updating happy dom dependency","2023-12-02T00:17:10Z","https://github.com/nuxt/test-utils/issues/503",{"description":2085,"labels":2086,"number":2087,"owner":1988,"repository":1989,"state":2000,"title":2088,"updated_at":2089,"url":2090,"score":2091},"`@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.76900285,["Reactive",2093],{},["Set"],["ShallowReactive",2096],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"xmJc7I7rUsLghciBfMjSN2px0DQWeXvVs9Fle1843GQ":-1},"/nuxt/icon/153"]