\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.76112705,{"description":2031,"labels":2032,"number":2040,"owner":1988,"repository":2017,"state":2041,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Description\n\nSidebar has an inline style of `width: 15%`. I want to override that and control it's width from tailwindcss classes. I have tried providing a style attribute but it does not seem to work.",[2033,2036,2037],{"name":2034,"color":2035},"question","d876e3",{"name":2011,"color":2012},{"name":2038,"color":2039},"pro","5BD3CB",3476,"closed","Control the width of sidebar","2025-03-19T18:00:11Z","https://github.com/nuxt/ui/issues/3476",0.6882081,{"description":2047,"labels":2048,"number":2052,"owner":1988,"repository":1989,"state":2041,"title":2053,"updated_at":2054,"url":2055,"score":2056},"I have a custom composable (`useConsent`), which I am trying to mock. \r\nI'm importing the composable like so:\r\n\r\n`import { useConsent, useHead } from '#imports'`.\r\n\r\nThe import is recognized in `packages/vitest-environment-nuxt/src/modules/mock.ts`:\r\n```\r\n{\r\n name: \"default\",\r\n as: \"useConsent\",\r\n from: \"[...]/src/runtime/composables/useConsent.ts\",\r\n priority: undefined,\r\n}\r\n```\r\n\r\nEven though the import is recognized and no `\"Cannot find import to mock\"` error is thrown, the import is not mocked.\r\nIn the same file I am mocking `useHead`, that one is mocked without any issues.\r\n\r\nUsing `nuxt-vitest@0.8.4`\r\n",[2049],{"name":2050,"color":2051},"vitest-environment","b60205",524,"custom composable without function name not mocked with `mockNuxtImport`","2023-12-02T00:17:13Z","https://github.com/nuxt/test-utils/issues/524",0.72058535,{"description":2058,"labels":2059,"number":2062,"owner":1988,"repository":2063,"state":2041,"title":2064,"updated_at":2065,"url":2066,"score":2067},"Here are some small ajustments we can do to make the page look even better\n\n\n- [ ] Imo, those social links should open in target blank (and maybe display an external icon on top-right to show you're leaving the site)\n\n\n____\n\n- [ ] Add space between title and testimonials, and make the author stick to the end of text, it will look better and easier to understand\n\n\n____\n\n- [ ] On this illustration i bet we can remove the \"document\" icon, as it is so small it pixelates\n\n\nWDTY guys ? @SarahM19 @Atinux @clemcode @Flosciante \n\nOtherwise, insane job, well done :mountain:",[2060],{"name":2008,"color":2061},"1ad6ff",982,"nuxt.com","[Home] [Suggestion] Landing page UI improvements","2023-02-01T09:15:06Z","https://github.com/nuxt/nuxt.com/issues/982",0.7257897,{"description":2069,"labels":2070,"number":2073,"owner":1988,"repository":2063,"state":2041,"title":2074,"updated_at":2075,"url":2076,"score":2077},"Don't we have too many links in Community section compared to `Resources`, `Company`...?",[2071],{"name":2034,"color":2072},"ff1ab2",825,"[Community] Too many links","2022-11-17T11:43:46Z","https://github.com/nuxt/nuxt.com/issues/825",0.73704255,{"description":2079,"labels":2080,"number":2085,"owner":1988,"repository":2017,"state":2041,"title":2086,"updated_at":2087,"url":2088,"score":2089},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.15.0\n- CLI Version: 3.17.2\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.1\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @nuxt/eslint@0.7.4\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nhttps://github.com/Cyanhall/nuxt-ui-v3-demo/tree/main/demo4\n\n### Description\n\nThe button styles in UModal body should not be affected by UButtonGroup. I'm not sure if this is a bug or a feature.\n\n\n```vue\n\u003Ctemplate>\n \u003CUButtonGroup>\n \u003CUModal\n :close=\"true\"\n v-model:open=\"open\"\n title=\"Test\"\n >\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"open = true\"\n >\n Modal Button\n \u003C/UButton>\n \u003Ctemplate #body>\n Body\n \u003C/template>\n \u003Ctemplate #footer>\n \u003Cdiv class=\"flex justify-start w-full gap-4\">\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Cancel\"\n @click=\"open = false\"\n />\n \u003CUButton\n variant=\"outline\"\n class=\"rounded\"\n label=\"Middle\"\n @click=\"open = false\"\n />\n \u003CUButton\n type=\"submit\"\n class=\"rounded\"\n label=\"Confirm\"\n color=\"primary\"\n @click=\"open = false\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UModal>\n \u003CUButton\n variant=\"outline\"\n color=\"neutral\"\n @click=\"\"\n >\n Other Button\n \u003C/UButton>\n \u003C/UButtonGroup>\n\u003C/template>\n```\n\n\u003Cimg width=\"362\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/da66f0d8-fc42-45a5-b1e1-d7214468b24a\" />\n\n\u003Cbr>\n\n\u003Cimg width=\"543\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a50767ec-bea5-4c88-9b45-963f8e81e5df\" />\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2081,2084],{"name":2082,"color":2083},"bug","d73a4a",{"name":2011,"color":2012},2978,"The button styles in UModal body should not be affected by UButtonGroup.","2025-02-07T15:32:58Z","https://github.com/nuxt/ui/issues/2978",0.7463361,{"description":2091,"labels":2092,"number":2095,"owner":1988,"repository":2017,"state":2041,"title":2096,"updated_at":2097,"url":2098,"score":2099},"### Description\n\nHello!\nIs it possible to standardize UAlert type with the existing color names?\n\n**Just neutral needs to be added and danger should become \"error\".**\n\nNo need to add additional colors as types just these 2 changes should improve the standardizing. Cause if you see it from the api perspective it makes sense to just have one type with \"info, warning, success, error, neutral\" not a second one with \"info, warning, success, danger, neutral\"\n\nthanks for your input!\n\n\n\n##################\n\nwasnt a nuxt ui issue 😅",[2093,2094],{"name":2034,"color":2035},{"name":2011,"color":2012},3818,"Standardize UAlert type and colors?","2025-04-07T12:26:58Z","https://github.com/nuxt/ui/issues/3818",0.7490958,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"PWAvt3MhIvHY89l3srC3hcKT89Ndy9IfHrOcxqY7zM0":-1},"/nuxt/nuxt.com/1005"]