\n\nI've tried this but without any success so far\n` toast: {\n slots: {\n icon: \"shrink-0 size-5 !text-white rounded-full p-1.5 flex items-center justify-center\",\n },\n variants: {\n color: {\n primary: {\n icon: 'bg-blue-500'\n },\n secondary: {\n icon: 'bg-gray-500'\n },\n success: {\n icon: 'bg-green-500'\n },\n info: {\n icon: 'bg-blue-400'\n },\n warning: {\n icon: 'bg-yellow-500'\n },\n error: {\n icon: 'bg-red-500'\n },\n neutral: {\n icon: 'bg-gray-800'\n }\n }\n },\n },`\n\nThanks for your help!",[3033,3036],{"name":3034,"color":3035},"question","d876e3",{"name":3037,"color":3038},"v3","49DCB8",4630,"ui","How to use filled icon with Toast?","2025-07-29T16:28:22Z","https://github.com/nuxt/ui/issues/4630",0.7821305,{"description":3046,"labels":3047,"number":3053,"owner":3023,"repository":3040,"state":3025,"title":3054,"updated_at":3055,"url":3056,"score":3057},"### Description\n\nUsing `\u003CUNavigationMenu>` it adds an external icon when prop `to` is an external link: \n\n\u003Cimg width=\"196\" height=\"69\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/e7417d54-ca16-48c2-9992-a54a9bed764d\" />\n\nUnfortunately, `UButton` doesnt have this feature. Even with the prop `trailingIcon` the same behavior cant be archived manually in an easy manner because the icon wont be small, at the top and grayed out. Currently it would require to make it fully manually:\n\n```\n\u003CUButton :to=\"externalUrl\" target=\"_blank\">\n \u003Cspan\n >To external provider\u003CIcon\n name=\"i-material-symbols:arrow-outward-rounded\"\n class=\"size-3 align-top opacity-70\"\n />\u003C/span>\n \u003C/UButton>\n```\n\n\u003Cimg width=\"191\" height=\"48\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/f89198d7-a64f-4a04-815b-41ddba68c3cc\" />\n\nIt would be great if a button would either automatically add the icon, like `\u003CUNavigationMenu>` does, or would have a prop `externalIcon` that can be set to true.\n\n### Additional context\n\n\n\n_No response_",[3048,3049,3050],{"name":3021,"color":3022},{"name":3037,"color":3038},{"name":3051,"color":3052},"triage","ffffff",4501,"Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.79277635,{"description":3059,"labels":3060,"number":3064,"owner":3023,"repository":3065,"state":3066,"title":3067,"updated_at":3068,"url":3069,"score":3070},"- [x] Focus on selected item https://www.notion.so/nuxt/Focus-on-selected-item-c8775018d72f417c93a36bd2da90dfdb\n- [x] NavBar contrast https://www.notion.so/nuxt/NavBar-contrast-7f11c20c5d3b476597f4edb9889f4802",[3061],{"name":3062,"color":3063},"a11y","2CD658",1089,"nuxt.com","closed","[Review] NavBar","2023-01-04T13:47:36Z","https://github.com/nuxt/nuxt.com/issues/1089",0.7281881,{"description":3072,"labels":3073,"number":3078,"owner":3023,"repository":3065,"state":3066,"title":3079,"updated_at":3080,"url":3081,"score":3082},"- [x] No Selection notion://www.notion.so/nuxt/No-selection-7802a31d6d3a414bbb498d55cc42eb6d\n- [ ] Hover broken notion://www.notion.so/nuxt/Hover-broken-9f616b51a74c4eda8401a848cbaf379f",[3074,3077],{"name":3075,"color":3076},"needs refinement","A2C2AE",{"name":3062,"color":3063},1084,"[Review] HomeModulesList","2023-01-04T13:47:35Z","https://github.com/nuxt/nuxt.com/issues/1084",0.76142305,{"description":3084,"labels":3085,"number":1907,"owner":3023,"repository":3087,"state":3066,"title":3088,"updated_at":3089,"url":3090,"score":3091},"This error lights in my IDE (VS Code under Ubuntu) to icon.vue file from node_modules/nuxt-icon/dust/runtime.\r\nI do not know if it is precisely an error, cos' everything works fine in the nuxt app.\r\nMaybe all auto imports loaded normally from my nuxt instance...\r\n\r\npackage.json\r\n```\r\n...\r\n\"devDependencies\": {\r\n \"@nuxtjs/tailwindcss\": \"^6.1.3\",\r\n \"nuxt\": \"3.0.0\",\r\n \"nuxt-icon\": \"^0.1.8\"\r\n }\r\n...\r\n```",[3086],{"name":3034,"color":3035},"icon","Cannot find module '#imports' or its corresponding type declarations.ts(2307)","2024-03-20T16:51:51Z","https://github.com/nuxt/icon/issues/31",0.762132,{"description":3093,"labels":3094,"number":1907,"owner":3023,"repository":3095,"state":3066,"title":3096,"updated_at":3097,"url":3098,"score":3091},"Not exactly sure what's going on here, happens on build and when consumed.",[],"scripts","Failed to parse static properties from plugin `.nuxt/modules/@nuxt-scripts.mjs`","2024-07-04T07:36:54Z","https://github.com/nuxt/scripts/issues/31",{"description":3100,"labels":3101,"number":3104,"owner":3023,"repository":3065,"state":3066,"title":3105,"updated_at":3106,"url":3107,"score":3108},"\n- [x] Those logos are off-centered\n\n\n\n- [x] [Mobile] On the case studies, you can remove the image on responsive, it makes the text hard to read\n\n\n\n- [x] [Mobile] The contact us section at end of case studies must keep his card aspect by not being full width\n\n\n\n- [ ] [Mobile] You can make the images between sections twice of the actual height in mobile\n\n\n\n- [x] Icon should be 24px instead of 20px + in order to compensate the white space of icon, you should remove 'px-6' and do \"pr-6 pl-4\" for the button\n\n\n- [x] You can remove the negative letter spacing of speakers\n\n\n- [x] [Darkmode] This should be white\n\n",[3102],{"name":3021,"color":3103},"1ad6ff",603,"[Resources] Case studies improvements V2","2022-06-27T09:38:18Z","https://github.com/nuxt/nuxt.com/issues/603",0.77264,{"description":3110,"labels":3111,"number":3104,"owner":3023,"repository":3115,"state":3066,"title":3116,"updated_at":3117,"url":3118,"score":3108},"In version 0.11.0 I get type errors is I try to run\r\n```\r\nvi.spyOn(vue, 'watch')\r\n// TypeError: Cannot redefine property: watch\r\n```\r\n\r\nThe same is for `onMounted`\r\n\r\nDo you happen to have any thoughts on what may have changed to make this happen? I think it's a result of `nuxt-vitest`\r\n\r\nIt could possibly be that by updating nuxt-vitest also updated other dependencies resulting in this? If you have any hints, always appreciated as to how to hunt this down.\r\n\r\nI'll look at any other workarounds hacks too, but just in case it this was not an intended effect and it makes something spring to mind as to what could cause it :)\r\n\r\nFailing test:\r\n```\r\nimport { describe, test, vi } from 'vitest'\r\nimport * as vue from 'vue'\r\n\r\ndescribe('Cannot mock vue functions', () => {\r\n test('Spy on watch', () => {\r\n vi.spyOn(vue, 'watch')\r\n })\r\n test('Spy on onMounted', () => {\r\n vi.spyOn(vue, 'onMounted')\r\n })\r\n})\r\n```",[3112],{"name":3113,"color":3114},"vitest-environment","b60205","test-utils","0.11.0 - can no longer spy on vue methods such as watch or onMounted","2023-12-05T16:26:09Z","https://github.com/nuxt/test-utils/issues/603",{"description":3120,"labels":3121,"number":3125,"owner":3023,"repository":3023,"state":3066,"title":3126,"updated_at":3127,"url":3128,"score":3129},"https://nuxt.com/docs/guide/directory-structure/middleware#format\r\n\r\n\r\n\r\n\r\n\r\n",[3122],{"name":3123,"color":3124},"3.x","29bc7f",15632,"bug: docs `{` ","2023-01-19T18:19:54Z","https://github.com/nuxt/nuxt/issues/15632",0.77756196,["Reactive",3131],{},["Set"],["ShallowReactive",3134],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7dsRIpFwCU9bzvpPPeo7V1HyUvfW--DE7dKklFd_yWM":-1},"/nuxt/nuxt.com/1088"]