\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_",[3056,3058,3061],{"name":3037,"color":3057},"a2eeef",{"name":3059,"color":3060},"v3","49DCB8",{"name":3062,"color":3063},"triage","ffffff",4501,"ui","Add external icon option to UButton and ULink","2025-07-11T09:39:53Z","https://github.com/nuxt/ui/issues/4501",0.7440177,{"description":3071,"labels":3072,"number":3080,"owner":3027,"repository":3027,"state":3028,"title":3081,"updated_at":3082,"url":3083,"score":3084},"### Describe the feature\n\nCurrently if I add a server component to one of my pages, it will be rendered only **_once_**, even if I leave that page and visit it again. I see in the documentation, that the component will be re-rendered, if a value of some property on the server component will change, however I wish there was a prop to simply specify for it to re-render every time. Sending arbitary value, like for example `Math.random()` as a prop just for the component to re-render seems silly.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3073,3074,3077],{"name":3037,"color":3038},{"name":3075,"color":3076},"workaround available","11376d",{"name":3078,"color":3079},"server components","839413",27503,"Add option to always re-render server components without a prop change","2024-06-30T11:03:46Z","https://github.com/nuxt/nuxt/issues/27503",0.74736685,{"description":3086,"labels":3087,"number":3092,"owner":3027,"repository":3027,"state":3093,"title":3094,"updated_at":3095,"url":3096,"score":3097},"### Describe the feature\n\nHey all 馃憢馃徎\r\n\r\nIt is amazing that `\u003CNuxtLink>` can handle external links by now (thanks @lihbr for the RFC back then)! One thing that would be helpful is exposing the `isExternal` property to the scoped slots attributes so users don't have to rewrite the logic and can still customize their Link as they like\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[3088,3089],{"name":3037,"color":3038},{"name":3090,"color":3091},"3.x","29bc7f",15398,"closed","Expose `isExternal` prop of \u003CNuxtLink> via scoped slot API","2023-01-19T17:49:39Z","https://github.com/nuxt/nuxt/issues/15398",0.7122552,{"description":3099,"labels":3100,"number":3103,"owner":3027,"repository":3027,"state":3093,"title":3104,"updated_at":3105,"url":3106,"score":3107},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v21.1.0`\r\n- Nuxt Version: `3.10.2`\r\n- CLI Version: `3.10.1`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `npm@10.2.0`\r\n- Builder: `-`\r\n- User Config: `ssr`, `target`, `experimental`, `app`, `vue`, `css`, `modules`, `storyblok`, `build`, `vite`, `nitro`, `hooks`, `routeRules`, `imports`, `runtimeConfig`, `devtools`\r\n- Runtime Modules: `@storyblok/nuxt@6.0.4`, `@pinia/nuxt@0.5.1`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-prqbf9?file=app.vue\n\n### Describe the bug\n\nIf you use a `nuxt-link` with the `custom` and `external` prop and click on it, a console.error will occur complaing about the nuxt-link not having the external prop set to true, even though it is.\r\n\r\nThe navigation itself still works, its just a console.error that occurs before you leave the page.\r\n\r\nThe interesting part is that the `replace` prop is respected, but not `external`.\n\n### Additional context\n\nI think the issue is coming from this file:\r\nhttps://github.com/nuxt/nuxt/blob/9326b7a8bde1ae793ba046f7dacc4ebbe200b786/packages/nuxt/src/app/components/nuxt-link.ts#L357C15-L357C23\r\n\r\nThe replace prop is included here, but not external.\n\n### Logs\n\n_No response_",[3101,3102],{"name":3090,"color":3091},{"name":3024,"color":3025},25866,"The `nuxt-link` component does not respect the external prop","2024-02-21T21:20:15Z","https://github.com/nuxt/nuxt/issues/25866",0.71395224,{"labels":3109,"number":3113,"owner":3027,"repository":3027,"state":3093,"title":3114,"updated_at":3115,"url":3116,"score":3117},[3110],{"name":3111,"color":3112},"2.x","d4c5f9",10545,"Using NuxtLink as a Dynamic Component not rendering","2023-01-18T15:26:08Z","https://github.com/nuxt/nuxt/issues/10545",0.7197756,{"description":3119,"labels":3120,"number":3125,"owner":3027,"repository":3027,"state":3093,"title":3126,"updated_at":3127,"url":3128,"score":3129},"### Environment\r\n\r\n```\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.2\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Reproduction\r\n\r\n3.12.1 (working as expected): https://stackblitz.com/edit/github-y43ltx-ttx5gm?file=pages%2Findex.vue\r\n3.12.2 (broken): https://stackblitz.com/edit/github-y43ltx?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nThe `\u003CNuxtLink>` component doesn't render the `href` attribute when `external: true` prop is set. This is an undocumented breaking change from 3.12.1. I used this attribute to disable client-side navigation, but this does not seem possible anymore.\r\n\r\nCode example:\r\n`\u003CNuxtLink :to=\"{ name: 'test' }\" :external=\"true\">Test\u003C/NuxtLink>` \r\n\r\nExpected result (3.12.1 and earlier behavior):\r\n`\u003Ca href=\"/test\">Test\u003C/a>`\r\n\r\nActual result (3.12.2):\r\n`\u003Ca>Test\u003C/a>`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3121,3122],{"name":3090,"color":3091},{"name":3123,"color":3124},"pending triage","E99695",27817,"NuxtLink not rendering href attribute with external prop set to true","2024-06-26T09:51:44Z","https://github.com/nuxt/nuxt/issues/27817",0.7233029,{"description":3131,"labels":3132,"number":3137,"owner":3027,"repository":3027,"state":3093,"title":3138,"updated_at":3139,"url":3140,"score":3141},"### Describe the feature\n\nCurrently, the `trailingSlash` behavior for `\u003CNuxtLink>` is configured globally via the `nuxtLinkDefaults` options:\n```ts\nexport default defineNuxtConfig({\n experimental: {\n defaults: {\n nuxtLink: {\n trailingSlash: 'append', // or 'remove'\n }\n }\n }\n})\n```\nThis applies the same rule (either 'append' or 'remove') to all links throughout the application.\nWhile the global option is useful, there are scenarios where developers might need to override this behavior for specific links without changing the default for the entire project. For example, handling edge cases where a specific link requires the opposite behavior of the global setting.\n\nI propose adding a new optional trailingSlash prop directly to the \u003CNuxtLink> component.\n\n```vue\n\u003CNuxtLink :to=\"'/category/'\" :trailing-slash=\"true\"/>\n\u003CNuxtLink :to=\"'/category/product.html'\" :trailing-slash=\"false\"/>\n```\n\nLogic:\nIf the `trailingSlash` prop is provided on a `\u003CNuxtLink>` instance, its value ('append' or 'remove') takes precedence.\nIf the trailingSlash prop is not provided, the component falls back to the behavior defined in the global `nuxtLinkDefaults.trailingSlash` option.\nIf neither the prop nor the global option is set, no trailing slash modification occurs (current default behavior).\nThis change provides finer-grained control over link generation without deprecating or removing the existing global configuration, making it a non-breaking enhancement.\n\n### Additional information\n\n- [x] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3133,3134],{"name":3037,"color":3038},{"name":3135,"color":3136},"馃嵃 p2-nice-to-have","0E8A16",31819,"Add trailingSlash prop to \u003CNuxtLink> for granular control","2025-04-23T08:49:48Z","https://github.com/nuxt/nuxt/issues/31819",0.7331879,{"description":3143,"labels":3144,"number":3146,"owner":3027,"repository":3027,"state":3093,"title":3147,"updated_at":3148,"url":3149,"score":3150},"I have need for adding a component in the main instance outside of the main `\u003Crouter-view>`. The use-case is an element (global navigation, in my case) that needs to **not** re-load on route/layout change due to styling requirements.\r\n\r\nA 'normal' Vue implementation would look like\r\n\r\n```\r\n\u003Cdiv id=\"app\">\r\n \u003CNavigation/>\r\n \u003Crouter-view>\u003C/router-view>\r\n\u003C/div>\r\n```\r\n\r\nIt seems like issue #1 (super ironic...) and [this video](https://www.youtube.com/watch?v=wBhia7uBxDA) are what I'm looking for, although that doesn't appear to be working in 1.0\r\n\r\nI've tried adding `app.vue` in layouts (per the video description), with\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cnuxt-container>\r\n \u003Ch2>Test\u003C/h2>\r\n \u003Cnuxt/>\r\n \u003C/nuxt-container>\r\n\u003C/template>\r\n```\r\nBut that seems to get ignored altogether.\r\n\r\nThanks for any help!\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2265\">#c2265\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3145],{"name":3111,"color":3112},2603,"How to add component to root instance (outside main router-view)","2023-01-18T16:02:22Z","https://github.com/nuxt/nuxt/issues/2603",0.7357972,["Reactive",3152],{},["Set"],["ShallowReactive",3155],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fEJnHERhIzQbz9lp6arccQS22tSIBQO7BPDvrwEh6HZw":-1},"/nuxt/ui/4502"]