\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.72919154,{"description":2919,"labels":2920,"number":2921,"owner":2868,"repository":2922,"state":2870,"title":2923,"updated_at":2924,"url":2925,"score":2926},"i think the example code should use \r\n`// Current implementation\r\npreviousTodos.value = todos.value;\r\n\r\n// Proposed change\r\npreviousTodos.value = [...todos.value];`",[],1653,"nuxt.com","Docs (useNuxtData => #Optimistic Updates).Incorrect Use of Reference Assignment in previousTodos.value = todos.value","2025-03-21T19:43:40Z","https://github.com/nuxt/nuxt.com/issues/1653",0.73097825,{"description":2928,"labels":2929,"number":2930,"owner":2868,"repository":2931,"state":2932,"title":2933,"updated_at":2934,"url":2935,"score":2936},"Script looks like this:\r\n```js\r\n!function (w, d, t) {\r\n w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=[\"page\",\"track\",\"identify\",\"instances\",\"debug\",\"on\",\"off\",\"once\",\"ready\",\"alias\",\"group\",\"enableCookie\",\"disableCookie\", \"holdConsent\", \"revokeConsent\", \"grantConsent\"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i\u003Cttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n\u003Cttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i=\"https://analytics.tiktok.com/i18n/pixel/events.js\";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};var o=document.createElement(\"script\");o.type=\"text/javascript\",o.async=!0,o.src=i+\"?sdkid=\"+e+\"&lib=\"+t;var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(o,a)};\r\n ttq.load('YOUR_ID_HERE');\r\n}(window, document, 'ttq');\r\n```\r\nDocs can be found [here](https://ads.tiktok.com/help/article/get-started-pixel?lang=en)",[],166,"scripts","closed","Add Tiktok Pixel to registry","2024-07-23T14:40:36Z","https://github.com/nuxt/scripts/issues/166",0.67000157,{"description":2938,"labels":2939,"number":2946,"owner":2868,"repository":2885,"state":2932,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Description\n\nStyles with tailwindcss 4.0.13 seem to be broken after updating from NuxtUI pervious alpha.\n\n```\n\"dependencies\": {\n \"@iconify-json/ri\": \"1.2.5\",\n \"@nuxt/ui\": \"3.0.0\",\n \"@vueuse/core\": \"12.7.0\",\n \"@vueuse/nuxt\": \"12.7.0\",\n }\n```\nmain.css\n```\n@import 'tailwindcss' theme(static);\n@import '@nuxt/ui';\n```\nHas anyone else ran into this issue and if so how did you fix it?",[2940,2943],{"name":2941,"color":2942},"question","d876e3",{"name":2944,"color":2945},"v3","49DCB8",3525,"Styles issue have upgrade from 3.0.0-alpha.13 to 3.0.0","2025-03-12T23:28:54Z","https://github.com/nuxt/ui/issues/3525",0.72500134,{"description":2952,"labels":2953,"number":2959,"owner":2868,"repository":2885,"state":2932,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.13.0`\n- Nuxt Version: `3.15.2`\n- CLI Version: `3.20.0`\n- Nitro Version: `2.10.4`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `modules`, `ssr`, `devtools`, `colorMode`, `ui`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `telemetry`, `eslint`, `i18n`, `security`\n- Runtime Modules: `@nuxt/ui@3.0.0-alpha.11`, `@nuxt/eslint@0.7.5`, `@nuxtjs/i18n@9.1.1`, `@vueuse/nuxt@12.4.0`, `@pinia/nuxt@0.9.0`, `nuxt-security@2.1.5`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.11\n\n### Reproduction\n\nCheck the official documentation website and hover any button: https://ui3.nuxt.dev/components/button\n\n### Description\n\nWhen mouse hovering a button, the cursor must be changed to pointer!\n\nWhen a button has a cursor pointer, it provides a clear visual cue to users that the element is interactive. This enhances the user experience by making it obvious that clicking the button will trigger an action. Without this visual feedback, users might not realize that the button is clickable, leading to confusion or frustration.\n\nIn essence, the cursor pointer helps improve the usability and accessibility of web interfaces by making interactive elements more intuitive to use.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2954,2955,2958],{"name":2879,"color":2880},{"name":2956,"color":2957},"duplicate","cfd3d7",{"name":2944,"color":2945},3125,"Buttons are missing \"cursor pointer\"","2025-04-02T09:40:55Z","https://github.com/nuxt/ui/issues/3125",0.7278359,{"description":2965,"labels":2966,"number":2896,"owner":2868,"repository":2922,"state":2932,"title":2967,"updated_at":2968,"url":2969,"score":2901},"(16/11/2022)\n\n\n",[],"[docs]/geting-started/assets : harmonize links ?","2023-10-10T14:45:24Z","https://github.com/nuxt/nuxt.com/issues/984",["Reactive",2971],{},["Set"],["ShallowReactive",2974],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f4o3cUXWVuD-3fL14lyyK4y_wdJLX-0MtcahxFxFORPQ":-1},"/nuxt/icon/184"]