\n```\n\n### Description\n\nThe issue occurs both when I run the app in development mode and when I build it for production. I tested it on Safari (Mac and iPhone) and Chrome (iPhone only). On the first page load, the animation works fine, but when I reload the page, the animation stops. However, when the component where it is used updates, the icon state changes (still without animation). \n\nHere I placed some icons randomly in the pages to show the problem and when it occurs:\n\nhttps://github.com/user-attachments/assets/ca9772d8-61bb-47da-9b9e-38cbb8d5796c\n\n).",[],361,"Icon is not animating correctly","2025-02-23T14:06:29Z","https://github.com/nuxt/icon/issues/361",0.7758742,{"description":2019,"labels":2020,"number":2027,"owner":1985,"repository":2028,"state":1987,"title":2029,"updated_at":2030,"url":2031,"score":2032},"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.",[2021,2024],{"name":2022,"color":2023},"enhancement","1ad6ff",{"name":2025,"color":2026},"roadmap","ff7a1a",1711,"nuxt.com","internationalisation for nuxt.com","2025-01-18T03:00:02Z","https://github.com/nuxt/nuxt.com/issues/1711",0.7772607,{"description":2034,"labels":2035,"number":2039,"owner":1985,"repository":2005,"state":2040,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Description\n\nI was experimenting with two `UBadge` components and `rounded-e-full`/`rounded-s-full` to achieve a `UButtonGroup` effect, would a `UBagdeGroup` component be to much to ask? :)",[2036,2038],{"name":2022,"color":2037},"a2eeef",{"name":1999,"color":2000},3156,"closed","BadgeGroups!","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3156",0.7169657,{"description":2046,"labels":2047,"number":2049,"owner":1985,"repository":2050,"state":2040,"title":2051,"updated_at":2052,"url":2053,"score":2054},"### 🐛 The bug\n\nUpdated Nuxt and all modules to the latest and getting the error in the title. Worked without issues before. \n\nHere is the error stack: \n```\nGAnalytics.ts:20 Error: useHead() was called without provide context, ensure you call it through the setup() function.\n at injectHead (vue.BYLJNEcq.mjs?v=1c7113e8:26:9)\n at useScript (vue.cHBs6zvy.mjs?v=1c7113e8:34:33)\n at useScript (useScript.js?v=1c7113e8:30:20)\n at useRegistryScript (utils.js?v=1c7113e8:48:10)\n at useScriptGoogleAnalytics (google-analytics.js?v=1c7113e8:9:10)\n at Object.trackEvent (GAnalytics.ts:4:25)\n```\n\nI use this composable for firing GA events: \n```\nexport const useGAnalytics = () => {\n const trackEvent = (eventName: string, params: any = null) => {\n try {\n const { proxy } = useScriptGoogleAnalytics();\n\n proxy.gtag(\"event\", eventName, params);\n } catch (error) {\n console.error(error);\n }\n };\n return {\n trackEvent,\n };\n};\n```\nI simply call trackEvent in various places, script tags, on event listeners on a button, etc. Worked fine before. \n\nThe bug can be seen in the reproduction. If you try to navigate between pages, the error occurs\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/edit/github-cabjusrz?file=pages%2Fabout.vue,composables%2FGA.ts\n\n### 🌈 Expected behavior\n\nExpected events to fire without throwing an error. \n\n### ℹ️ Additional context\n\n_No response_",[2048],{"name":1996,"color":1997},437,"scripts","useHead() was called without provide context, ensure you call it through the setup() function","2025-03-25T15:37:19Z","https://github.com/nuxt/scripts/issues/437",0.7405083,{"description":2056,"labels":2057,"number":2063,"owner":1985,"repository":2005,"state":2040,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\nChart is one of many things found when developing a statistics such as in dashboard admin. It would be good if nuxt ui have this component.\n\n### Additional context\n\n_No response_",[2058,2061,2062],{"name":2059,"color":2060},"duplicate","cfd3d7",{"name":2022,"color":2037},{"name":1999,"color":2000},2673,"Chart component","2024-11-18T08:33:07Z","https://github.com/nuxt/ui/issues/2673",0.7521272,{"description":2069,"labels":2070,"number":2074,"owner":1985,"repository":2005,"state":2040,"title":2075,"updated_at":2076,"url":2077,"score":2078},"### Description\n\nThe idea is to add a border in the accordion, but it should be dynamic. It should have the same color that the current accordion color. For instance the next code, but it will not convert the classes `border-{color}-500` in `border-red-500` or any other color. \n\n```vue\n\u003CUAccordion\n color=\"red\"\n :ui=\"{\n container: 'mb-0.5 border border-{color}-500 rounded-lg overflow-y-hidden',\n item: {\n base: 'border-t border-{color}-500',\n padding: 'py-1.5 px-2.5',\n },\n default: {\n class: 'ring-0 rounded-none',\n size: 'xl',\n },\n }\"\n :items=\"[{\n label: 'Getting Started',\n content: 'Getting started content',\n }, {\n label: 'Installation',\n content: 'Installation content',\n }, {\n label: 'Configuration',\n content: 'Configuration content',\n }, {\n label: 'Usage',\n content: 'Usage content',\n }]\"\n/>\n```",[2071],{"name":2072,"color":2073},"question","d876e3",3452,"Custom accordion with border color as the color attribute","2025-03-27T17:43:06Z","https://github.com/nuxt/ui/issues/3452",0.7543811,{"description":2080,"labels":2081,"number":2084,"owner":1985,"repository":2028,"state":2040,"title":2085,"updated_at":2086,"url":2087,"score":2088},"\n\nI believe we should add a check here to make sure the data is correct, otherwise throw (will fallback to the toast error): https://github.com/nuxtlabs/nuxt.com/blob/dev/composables/useProjectComponents.ts#L29\n",[2082],{"name":1996,"color":2083},"ff281a",489,"Editor cannot load if preview has not `/api/component-meta`","2022-05-11T14:14:55Z","https://github.com/nuxt/nuxt.com/issues/489",0.75968754,{"description":2090,"labels":2091,"number":2092,"owner":1985,"repository":2028,"state":2040,"title":2093,"updated_at":2094,"url":2095,"score":2096},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=4452%3A42936",[],473,"[Company] Support `/company/support`","2023-02-15T12:32:23Z","https://github.com/nuxt/nuxt.com/issues/473",0.7608106,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"ThCpk4wyMR_NZO4cKz4bpVlv-CgliJOE-hhYE9l3fpQ":-1},"/nuxt/nuxt.com/977"]