work in Storybook? Thank you",[2890],{"name":2891,"color":2892},"question","d876e3",77,"How do we make nuxt-icon work in Storybook?","2025-01-17T10:54:58Z","https://github.com/nuxt/icon/issues/77",0.7965462,{"description":2899,"labels":2900,"number":2902,"owner":2866,"repository":2867,"state":2868,"title":2903,"updated_at":2904,"url":2905,"score":2906},"I render a component including icons (with mode svg) to html code to be shown in eBay descriptions:\n\n```ts\nimport { renderToString } from '@vue/server-renderer';\nimport { MyComponent } from '#components';\n\nonMounted(async () => {\n await renderToString(\n h(MyComponent, {\n prop1: 'hello',\n }),\n );\n})\n```\n\nSince I updated to 1.4.x the icons are not working anymore. The svg tags are just empty.\n\nI tried out a lot and found out that the svg tags are just empty on first call of renderToString(). But they are visible when one of this conditions is true:\n\n* When changing something on the page and Nuxt is refreshing (without refreshing the browser window)\n* If I call it twice with a little delay between the icons are working correctly\n* If I have the same icon visible on the page already",[2901],{"name":2891,"color":2892},255,"Empty SVG tags when using renderToString() for the first time","2024-10-28T13:38:30Z","https://github.com/nuxt/icon/issues/255",0.7986936,{"description":2908,"labels":2909,"number":2865,"owner":2866,"repository":2916,"state":2917,"title":2918,"updated_at":2919,"url":2920,"score":2872},"### 🐛 The bug\r\n\r\nAlso shown in the video below from 00:06 on (before just a sanity check that it works).\r\n\r\n1. Go to https://nuxt.com/blog/nuxt-scripts\r\n2. Scroll to the YouTube example\r\n3. DO NOT click the video yet\r\n4. Click on \"input\"\r\n5. Click on \"output\" again\r\n6. Try to play the video\r\n7. See that it doesn't work\r\n\r\n\r\n[nuxt-blog-scripts.webm](https://github.com/user-attachments/assets/d92655a4-6c95-495d-b33c-35797a180e7e)\r\n\r\n\r\n### 🛠️ To reproduce\r\n\r\nhttps://nuxt.com/blog/nuxt-scripts\r\n\r\n### 🌈 Expected behavior\r\n\r\nThe video should be loaded after the click too\r\n\r\n### ℹ️ Additional context\r\n\r\n_No response_",[2910,2913],{"name":2911,"color":2912},"bug","d73a4a",{"name":2914,"color":2915},"upstream","84A80F","scripts","closed","Blog: Example does not work after tab switch","2024-09-03T05:51:31Z","https://github.com/nuxt/scripts/issues/212",{"description":2922,"labels":2923,"number":2928,"owner":2866,"repository":2916,"state":2917,"title":2929,"updated_at":2930,"url":2931,"score":2932},"Upgrading to v6.0.2 I get the following errors in the Nuxt Turnstile module:\r\n\r\n```\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(13,17): error TS2742: The inferred type of 'useScriptGoogleTagManager' cannot be named without a reference to '.pnpm/@unhead+vue@1.9.15_vue@3.4.31_typescript@5.5.3_/node_modules/@unhead/vue'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(13,17): error TS2742: The inferred type of 'useScriptGoogleAnalytics' cannot be named without a reference to '.pnpm/@unhead+vue@1.9.15_vue@3.4.31_typescript@5.5.3_/node_modules/@unhead/vue'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n```\r\n\r\nhttps://github.com/nuxt-modules/turnstile/actions/runs/9820960416/job/27116095724?pr=321#step:14:24",[2924,2925],{"name":2911,"color":2912},{"name":2926,"color":2927},"pre-announce","c2e0c6",133,"fix(tpc): a type annotation is necessary","2024-07-15T18:18:26Z","https://github.com/nuxt/scripts/issues/133",0.7370728,{"description":2934,"labels":2935,"number":30,"owner":2866,"repository":2939,"state":2917,"title":2940,"updated_at":2941,"url":2942,"score":2943},"We've stumbled on an issue, Roboto font was registered in Font Book, so only Safari loaded the font on the browser properly. All other browsers (Chrome, Firefox) fell back to Arial. ",[2936],{"name":2937,"color":2938},"needs reproduction","C94E53","fonts","Font is not loading if the same font is registered in Font Book.","2024-03-20T13:28:13Z","https://github.com/nuxt/fonts/issues/64",0.7555837,{"description":2945,"labels":2946,"number":2947,"owner":2866,"repository":2867,"state":2917,"title":2948,"updated_at":2949,"url":2950,"score":2951},"**Description:**\n\nAfter updating the `@nuxt/icon` package to [version 1.5.4](https://www.npmjs.com/package/@nuxt/icon/v/1.5.4), I started seeing the following warning messages in the console:\n\n```\n[Icon] loading icon \u003Cname> timed out after 500ms\n```\n\nI increased the `icon.fetchTimeout` in `nuxt.config.ts` to higher value, such as 15000, but the warning still appears, even though my icons are loaded correctly within the specified time.\n\n**Steps to reproduce:**\n\n1. Update `@nuxt/icon` to version 1.5.4.\n2. Optionally, set `icon.fetchTimeout` in `nuxt.config.ts` to a higher value than the default (500):\n ```js\n export default defineNuxtConfig({\n icon: {\n fetchTimeout: 15000, // 15 seconds\n },\n });\n ```\n3. Run the application.\n4. Check the console for warnings like:\n ```\n [Icon] loading icon \u003Cname> timed out after \u003Cicon.fetchTimeout>ms\n ```\n\n**Expected behavior:**\n\nIf the icons are loaded correctly within the specified timeout (in this case, 15 seconds), the warning should not appear in the console.\n\n**Actual behavior:**\n\nThe warning is still shown, even though the icons are successfully loaded.\n",[],271,"`loadIcon` always shows console warning despite successful icon load","2024-11-04T12:59:23Z","https://github.com/nuxt/icon/issues/271",0.7653906,{"description":2953,"labels":2954,"number":2955,"owner":2866,"repository":2867,"state":2917,"title":2956,"updated_at":2957,"url":2958,"score":2959},"This Warn appears when some other modules uses component with name \"Icon\" (for ex with @iconify or @nuxt/ui)\r\n\r\n\" WARN Overriding Icon component. You can specify a priority option when calling addComponent to avoid this warning. \"\r\n\r\nI supposed it happens somewhere inside nuxt's autoimports behind the scene. Even if i don't use any NuxtUi icons anywhere.\r\nIf i comment @nuxt/icon (or @nuxt/ui) module in nuxt.config.ts - problem dissapears\r\n\r\nProbably for @nuxt/icon would need some prefix or ability to make some prefix when there are several modules with Icon components\r\n\r\nand other thing - this warning doesn't give understanding what should i do exactly ) where i need to \"specify a priority option\" cuz i don't \"calling addComponent\" anywhere directly ))) more questions and no answers )\r\n",[],200,"@nuxt/icon conflicting with @nuxt/ui (and probably with others UI framework which uses \"Icon\" component)","2024-07-18T22:45:12Z","https://github.com/nuxt/icon/issues/200",0.7810959,{"labels":2961,"number":2966,"owner":2866,"repository":2866,"state":2917,"title":2967,"updated_at":2968,"url":2969,"score":2970},[2962,2963],{"name":2877,"color":2878},{"name":2964,"color":2965},"3.x","29bc7f",13845,"better way to set `runtimeConfig` fallbacks","2023-01-28T15:18:06Z","https://github.com/nuxt/nuxt/issues/13845",0.79024154,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-b_5QKhtSziPa8ujcjvuFTdu8uCPFDyLkz3jZPP8cQU":-1},"/nuxt/icon/37"]