`\n\nUnable to use stroke-width does not take effect",[],364,"nuxt","icon","open","Unable to use stroke-width does not take effect","2025-03-04T02:48:19Z","https://github.com/nuxt/icon/issues/364",0.6202554,{"description":1993,"labels":1994,"number":1998,"owner":1985,"repository":1985,"state":1987,"title":1999,"updated_at":2000,"url":2001,"score":2002},"Hello,\n\nI found a Nuxt app example using GSAP that attempts to implement a hook after a page transition, with a shared ref across the whole application.\nThe idea is to have something like a lifecycle hook similar to 'page:transition:finish' (onAfterLeave event) but instead with 'page:transition:after' (onAfterEnter event).\nGSAP Page Transitions example: https://stackblitz.com/edit/nuxt-starter-bthjlg?file=composables%2Ftransition-composable.js\n\nThe GSAP dev implemented a composable like this:\n```\nconst transitionState = reactive({\n transitionComplete: false,\n});\n\nexport const useTransitionComposable = () => {\n const toggleTransitionComplete = (value) => {\n transitionState.transitionComplete = value;\n };\n\n return {\n transitionState,\n toggleTransitionComplete,\n };\n}\n```\n\nIf I understand the Nuxt documentation correctly (https://nuxt.com/docs/getting-started/state-management), this approach should be avoided.\n\nFirst question:\nIs this behavior the same across all rendering modes? (SWR, ISR, SSR, SSG, SPA)\n\nSecond question:\nFollowing the documentation, I ended up with a composable like this:\n\n```\nconst useTransitionCompleteState = () => useState\u003Cboolean>('isTransitionComplete', () => shallowRef(false))\nexport default = () => {\n const isTransitionComplete = useTransitionCompleteState()\n const toggleTransitionComplete = (value: boolean) => {\n isTransitionComplete.value = value\n };\n\n return {\n transitionState: readonly(isTransitionComplete),\n toggleTransitionComplete,\n }\n}\n```\n\nLast question:\nThe following implementation is more concise and works on my end. Is it a good approach, or does it introduce issues? What’s the difference?\n\n```\nexport default = () => {\n const isTransitionComplete = useState\u003Cboolean>('isTransitionComplete', () => shallowRef(false))\n const toggleTransitionComplete = (value: boolean) => {\n isTransitionComplete.value = value\n }\n\n return {\n transitionState: readonly(isTransitionComplete),\n toggleTransitionComplete,\n }\n}\n```\n\nThanks in advance for your help! :)",[1995],{"name":1996,"color":1997},"pending triage","E99695",30968,"Managing page transition state in Nuxt","2025-02-12T16:18:41Z","https://github.com/nuxt/nuxt/issues/30968",0.71499527,{"description":2004,"labels":2005,"number":2006,"owner":1985,"repository":1986,"state":1987,"title":2007,"updated_at":2008,"url":2009,"score":2010},"OS: macOS latest\r\nBrowser: chrome latest\r\nNuxt version: 3.8.1\r\nnuxt-icon version: 0.6.6\r\n@nuxtjs/storybook version: 7.0.0\r\n\r\nhow can i do?\r\n\r\nI've tried many times to disable the vite plugin, but failed to clear the error\r\n\r\n\r\n\r\n\r\n",[],128,"[BUG REPORT] An error occurred when using with nuxt-storybook.","2024-07-25T13:03:23Z","https://github.com/nuxt/icon/issues/128",0.7202645,{"description":2012,"labels":2013,"number":2020,"owner":1985,"repository":2021,"state":1987,"title":2022,"updated_at":2023,"url":2024,"score":2025},"we'd love to have the nuxt.com docs available in translations for users across the world\n\nalthough this has been a plan for some time, and was indeed the case in nuxt v2, we're still not there with v3 docs\n\nRelated issues: https://github.com/nuxt/nuxt/issues/19926, https://github.com/nuxt/nuxt/issues/21926, https://github.com/nuxt/nuxt/discussions/16054, https://github.com/nuxt/nuxt.com/issues/1448 and https://github.com/nuxt/translations/discussions/4 (private repo - relevant content copied into this issue).\n\n## Key requirements\n\n- needs to be performant and not regress performance of the documentation\n- translations need to remain always in sync, falling back to english text if required\n- needs to allow community contribution\n\n## Translation and sync automation\n\nDocumentation sources currently come from https://github.com/nuxt/nuxt.com, https://github.com/nuxt/nuxt and https://github.com/nuxt/examples. upstream changes need to be localisable, and trigger call for updates for translators, without blocking the documentation.\n\nIt would be nice to consider exploring LLM triggers for translation (see for example the way https://github.com/formkit uses ai in the process of building their documentation website) - at least for 'fallback' content.\n\n👉 See https://github.com/nuxt/nuxt/discussions/29949 for a proposal\n\n## Building a team\n\nWe've had many offers of help for translating the docs, and we'll need to build a team - but first we need to add the infrastructure to make updating translations possible.\n\nSo initially I would love for someone or a small group to take on the task of building up the automation + integration into the [nuxt/nuxt.com](https://github.com/nuxt/nuxt.com) repository, before we move ahead to create a bigger team of translators.",[2014,2017],{"name":2015,"color":2016},"enhancement","1ad6ff",{"name":2018,"color":2019},"roadmap","ff7a1a",1711,"nuxt.com","internationalisation for nuxt.com","2025-01-18T03:00:02Z","https://github.com/nuxt/nuxt.com/issues/1711",0.7235862,{"description":2027,"labels":2028,"number":2035,"owner":1985,"repository":2036,"state":1987,"title":2037,"updated_at":2038,"url":2039,"score":2040},"### Description\n\nCurrently, when I use `UAvatar` and the user's photo returns a 404, it generates an `\u003Cimg>` with the broken image icon:\n\n\nIs there a way to make the image that returns 404 display text from the alt instead?\nIn the documentation it says:\n>When no icon or text is provided, the initials of the `alt` prop are used as fallback\n\nCan `alt` also be used as a fallback when the image is broken?\n\n\n\nExample:\n\n",[2029,2032],{"name":2030,"color":2031},"question","d876e3",{"name":2033,"color":2034},"v3","49DCB8",3809,"ui","[UAvatar] If the image does not exist, return text","2025-04-06T16:07:33Z","https://github.com/nuxt/ui/issues/3809",0.7299809,{"description":2042,"labels":2043,"number":2050,"owner":1985,"repository":2051,"state":2052,"title":2053,"updated_at":2054,"url":2055,"score":2056},"at the moment redeploys on cloud providers with `experimental.buildCache` result in font files not being included in published site\r\n\r\n",[2044,2047],{"name":2045,"color":2046},"bug","d73a4a",{"name":2048,"color":2049},"good first issue","7057ff",266,"fonts","closed","support for nuxt `experimental.buildCache`","2024-09-23T14:18:03Z","https://github.com/nuxt/fonts/issues/266",0.6528684,{"description":2058,"labels":2059,"number":2060,"owner":1985,"repository":1986,"state":2052,"title":2061,"updated_at":2062,"url":2063,"score":2064},"Ok, so I've followed the instructions here: https://nuxt.com/modules/icon#custom-local-collections\n\nI have my folder in \"assets\", with some icons to test:\n\n\n\nThen I have this in my nuxt.config.ts:\n\n```\nicon: {\n aliases: aliases,\n clientBundle: {\n // list of icons to include in the client bundle\n icons: iconsToBundle,\n\n // scan all components in the project and include icons\n scan: true,\n\n // guard for uncompressed bundle size, will fail the build if exceeds\n sizeLimitKb: 256\n },\n customCollections: [\n {\n prefix: 'nemus',\n dir: './assets/icons'\n }\n ]\n },\n```\n\nAnd it seems to be correctly configured, as I get this message when I run the app:\n\n```\n[1:21:18 PM] ✔ Nuxt Icon loaded local collection nemus with 10 icons\n```\n\nBut when I use one of the icons in a component like this:\n```\n\u003CIcon\n name=\"nemus:trucker-blue\"\n :class=\"['size-4 min-w-4', props.isFav ? 'text-fav ' : 'text-secondary-300']\"\n />\n```\n\nI get this error on the console:\n```\n WARN [Icon] failed to load icon nemus:trucker-blue (repeated 5 times)\n\n\n WARN [nuxt] Failed to stringify dev server logs. Received DevalueError: Cannot stringify arbitrary non-POJOs. You can define your own reducer/reviver for rich types following the instructions in https://nuxt.com/docs/api/composables/use-nuxt-app#payload.\n```\n\nI'm guessing the problem is that I didn't understand this line in the docs:\n```\nNote that custom local collections require you to have a server to serve the API. \n```\n\nIf anyone could shed some light, I'd appreciate it a lot :)",[],355,"Help: can't figure out the server part for custom collections","2025-02-11T13:00:52Z","https://github.com/nuxt/icon/issues/355",0.6643189,{"description":2066,"labels":2067,"number":2070,"owner":1985,"repository":2021,"state":2052,"title":2071,"updated_at":2072,"url":2073,"score":2074},"",[2068],{"name":2045,"color":2069},"ff281a",490,"[Content] Fix blog articles sort by date","2022-05-13T16:00:22Z","https://github.com/nuxt/nuxt.com/issues/490",0.7117192,{"description":2076,"labels":2077,"number":2082,"owner":1985,"repository":2051,"state":2052,"title":2083,"updated_at":2084,"url":2085,"score":2086},"Hi guys,\r\n\r\nThis package seems just what my project needs! \r\n\r\nUnfortunately, adobe fonts do no load. \r\nN.B> Adobe doesn't load in the playground either...\r\n\r\nHope it will be sorted,\r\n\r\nkind regards,\r\n\r\nMarco",[2078,2079],{"name":2045,"color":2046},{"name":2080,"color":2081},"provider","1161A4",187,"Adobe doesn't load","2024-07-04T05:50:31Z","https://github.com/nuxt/fonts/issues/187",0.71229184,{"description":2088,"labels":2089,"number":2082,"owner":1985,"repository":2093,"state":2052,"title":2094,"updated_at":2095,"url":2096,"score":2086},"### 📚 What are you trying to do?\n\ni use ScriptGoogleMaps component and i want to use LatLng object for set marker in google maps .\r\ni tried to pass this object to options.center and query but its not working.\r\nAm I using it wrong ?\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2090],{"name":2091,"color":2092},"help wanted","008672","scripts","googlemaps latlng","2024-08-22T09:11:49Z","https://github.com/nuxt/scripts/issues/187",["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ivxHBiXznX-qXJez-x35KUxanQI6MkP8VPuwsrYmzMo":-1},"/nuxt/ui/2689"]