\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,"nuxt","icon","open","Icon is not animating correctly","2025-02-23T14:06:29Z","https://github.com/nuxt/icon/issues/361",0.6887606,{"description":2876,"labels":2877,"number":2878,"owner":2868,"repository":2879,"state":2870,"title":2880,"updated_at":2881,"url":2882,"score":2883},"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.69425863,{"description":2885,"labels":2886,"number":2890,"owner":2868,"repository":2891,"state":2870,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v20.11.0`\r\n- Nuxt Version: `3.10.0`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `pnpm@8.14.2`\r\n- Builder: `-`\r\n- User Config: `modules`, `imports`, `typescript`\r\n- Runtime Modules: `@nuxt/test-utils/module@3.11.0`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://github.com/lucasecdb/nuxt-context-error-repro\n\n### Describe the bug\n\nProvided value in plugin does not reach the component when using a `Symbol()` as key.\r\n\r\nYou can check the behavior by running `pnpm test` in the MRE. If you run the app using `pnpm start` and go to `http://localhost:3006` you can see the \"hello world\" string correctly.\r\n\r\n\r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2887],{"name":2888,"color":2889},"pending triage","5D08F5",750,"test-utils","Provides with Symbol not available to rendered component","2025-01-10T13:55:59Z","https://github.com/nuxt/test-utils/issues/750",0.7092032,{"description":2897,"labels":2898,"number":2902,"owner":2868,"repository":2869,"state":2903,"title":2904,"updated_at":2905,"url":2906,"score":2907},"Hello,\r\n\r\nI was wondering whether there is a way to allow users to tell whether they want to allow iconify cookies or not. \r\nAfter all, for GDPR they should be able to control this behaviour!",[2899],{"name":2900,"color":2901},"question","d876e3",94,"closed","Iconify cookies","2024-12-21T12:20:21Z","https://github.com/nuxt/icon/issues/94",0.6542703,{"description":2909,"labels":2910,"number":2911,"owner":2868,"repository":2891,"state":2903,"title":2912,"updated_at":2913,"url":2914,"score":2915},"It would be really good to know why using `@nuxt/test-utils` is more beneficial than using `@vue/test-utils` in a Nuxt project. Despite the obvious point being this package is made specifically for Nuxt, `@vue/test-utils` still works perfectly well in Nuxt projects.\r\n\r\nCould we get some comparison docs (a table maybe) of what `@vue/test-utils` can't do for a Nuxt project, but `@nuxt/test-utils` can?",[],475,"@nuxt/test-utils vs @vue/test-utils?","2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/475",0.6712695,{"labels":2917,"number":2927,"owner":2868,"repository":2868,"state":2903,"title":2928,"updated_at":2929,"url":2930,"score":2931},[2918,2921,2924],{"name":2919,"color":2920},"3.x","29bc7f",{"name":2922,"color":2923},"bug","d73a4a",{"name":2925,"color":2926},"vite","3574D1",11791,"Can't add Vue files as templates with Vite","2023-01-19T15:43:40Z","https://github.com/nuxt/nuxt/issues/11791",0.69017714,{"description":2933,"labels":2934,"number":2939,"owner":2868,"repository":2940,"state":2903,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nI've noticed that links (\\\u003Ca\\> tags) created with `UButton` contain a lot of unnecessary styling related to the button itself, disabled and enabled state. Given that for anchors there is no `disabled` property in the HTML specification, this means that out of the following styles:\n```\nrounded-[calc(var(--ui-radius)*1.5)] font-medium inline-flex items-center focus:outline-none transition-colors px-2.5 py-1.5 text-sm gap-1.5 ring ring-inset ring-[var(--ui-primary)]/50 text-[var(--ui-primary)] hover:bg-[var(--ui-primary)]/10 focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]\n```\n\nAt the very least, these can be removed:\n\n```\ndisabled:cursor-not-allowed aria-disabled:cursor-not-allowed disabled:opacity-75 aria-disabled:opacity-75 disabled:bg-transparent aria-disabled:bg-transparent dark:disabled:bg-transparent dark:aria-disabled:bg-transparent\n```\n\nThis is quite a reduction in classes and can make a moderate difference in total page size and even web vitals scores, especially if there are a lot of links on the page created with `UButton` (which is very likely given the customization UButton provides with icons, variants, colors, and more)\n\nIn order to make this work, the classes that rely on disabled state would likely need to be extracted into a separate place in the theme, which tailwind-variants will then need to merge if there is no `to` property present.\n\nYou might be asking why, given that technically people can rely on it to prevent navigation until a certain condition. But the answer to that is that restricting links like that is generally bad practice and can be circumvented pretty easily. It's not meant to be a security feature and it also lacks in terms of functional purpose.\n\nI'll check to see what I can do about it, but I thought sharing it here would be more beneficial in case someone will be faster than me in preparing a PR for this =)",[2935,2936],{"name":2900,"color":2901},{"name":2937,"color":2938},"v3","49DCB8",2907,"ui","[Performance improvement opportunity]: remove disabled-dependent classes on links created with `UButton`","2025-01-13T22:45:37Z","https://github.com/nuxt/ui/issues/2907",0.69466114,{"description":2946,"labels":2947,"number":2951,"owner":2868,"repository":2868,"state":2903,"title":2952,"updated_at":2953,"url":2954,"score":2955},"\r\nFirst up: I don't know if this is the right project to post it, but it might be in the intrest of the Less.js project to work with vite, I hope.\r\n\r\n\r\n### Environment\r\n\r\n- `less` version: 4.2.0\r\n- `nodejs` version: 20.9.0\r\n- vite@5.0.10\r\n- nuxt@3.9.0\r\n- `operating system`: debian\r\n\r\n\r\n### Error\r\n\r\n```\r\n[vite-node] [plugin:vite:vue] [SyntaxError] ./node_modules/.pnpm/nuxt@3.9.0_less@4.2.0_vite@5.0.10/node_modules/nuxt/dist/app/components/nuxt-root.vue:3:5\r\n```\r\n\r\n```\r\n ERROR Pre-transform error: @vnode-* hooks in templates are no longer supported. Use the vue: prefix instead. For example, @vnode-mounted should be changed to @vue:mounted. @vnode-* hooks support has been removed in 3.4.\r\n```\r\n\r\n\r\n### Reproduction\r\n\r\ncodesandbox.io\r\n1. nuxt3 framework\r\n2. template with lang=\"less\" (aktually not needed, having installed by `pnpm` and runnung `npm run dev` through nuxi->vite is enough to error out)\r\n\r\nand it brakes.\r\n\r\n### Describe the bug\r\n\r\n\u003C!-- A clear and concise description of what the bug is -->\r\n\r\n**Expected behavior:**\r\n\r\nto work with vite\r\n",[2948,2949],{"name":2919,"color":2920},{"name":2888,"color":2950},"E99695",25142,"error on compiling using less","2024-01-10T17:43:59Z","https://github.com/nuxt/nuxt/issues/25142",0.69578487,{"description":2957,"labels":2958,"number":2959,"owner":2868,"repository":2869,"state":2903,"title":2960,"updated_at":2961,"url":2962,"score":2963},"Hello, you can see directly here at [thomasbnt.dev](https://thomasbnt.dev). Some icons don't load sometimes, it's full random when we load the page. \n\n```json\ndevDependencies\": {\n \"@iconify-json/ant-design\": \"^1.2.1\",\n \"@iconify-json/bi\": \"^1.2.0\",\n \"@iconify-json/fa6-brands\": \"^1.2.0\",\n \"@iconify-json/line-md\": \"^1.2.1\",\n \"@iconify-json/lucide\": \"^1.2.4\",\n \"@iconify-json/mdi\": \"^1.2.0\",\n \"@iconify-json/mingcute\": \"^1.2.0\",\n \"@iconify-json/ri\": \"^1.2.0\",\n \"@iconify-json/simple-icons\": \"^1.2.3\",\n \"@iconify-json/tabler\": \"^1.2.3\",\n \"@iconify/vue\": \"^4.1.2\",\n \"@nuxt/content\": \"2.13.2\",\n \"@nuxt/devtools\": \"^1.4.2\",\n \"@nuxt/eslint\": \"^0.5.7\",\n \"@nuxt/eslint-config\": \"^0.5.7\",\n \"@nuxt/icon\": \"^1.5.1\",\n \"@nuxt/image\": \"^1.8.0\",\n \"@nuxthq/studio\": \"^2.1.1\",\n \"@nuxtjs/i18n\": \"^8.5.4\",\n \"@types/node\": \"^22.5.5\",\n \"@types/rss\": \"^0.0.32\",\n \"@vueuse/core\": \"^11.1.0\",\n \"@vueuse/motion\": \"^2.2.5\",\n \"dayjs\": \"^1.11.13\",\n \"eslint\": \"^9.10.0\",\n \"nuxt\": \"^3.13.2\",\n \"nuxt-gtag\": \"^3.0.1\",\n \"remark-breaks\": \"^4.0.0\",\n \"remark-directive-rehype\": \"^0.4.2\",\n \"sass\": \"^1.79.2\"\n },\n``` ",[],312,"Some icons don't load sometimes","2024-12-10T07:11:31Z","https://github.com/nuxt/icon/issues/312",0.69690055,{"description":2965,"labels":2966,"number":2973,"owner":2868,"repository":2974,"state":2903,"title":2975,"updated_at":2976,"url":2977,"score":2978},"I've explored other font providers, looks like `fontsource` is also quite promising.\r\n\r\nCurrently most of its fonts are from Google Fonts, along with some icons and some other fonts. It's also the service that Cloudflare Fonts is fetching from.\r\n\r\n@danielroe Would you like to include this font provider? If so, I'd like to work on it.\r\n\r\nDocs: https://fontsource.org/docs",[2967,2970],{"name":2968,"color":2969},"enhancement","a2eeef",{"name":2971,"color":2972},"provider","1161A4",65,"fonts","feat: fontsource provider","2024-03-20T13:12:12Z","https://github.com/nuxt/fonts/issues/65",0.6992517,["Reactive",2980],{},["Set"],["ShallowReactive",2983],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fDB6YrqAfA-G_waKexp874wNxv9jnAkRCrBr19AJNb7Y":-1},"/nuxt/test-utils/485"]