From ccee302dafd34cb5d35ef5c784d926d9c8f4940f Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Mon, 9 Mar 2026 15:02:47 +0000
Subject: [PATCH 1/3] External URLs in the nav should render as `<a>` elements

---
 resources/js/components/nav/Nav.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/nav/Nav.vue b/resources/js/components/nav/Nav.vue
index 40ef73db6f0..911068e2135 100644
--- a/resources/js/components/nav/Nav.vue
+++ b/resources/js/components/nav/Nav.vue
@@ -134,6 +134,13 @@ function handleChildClick(event, item, child) {
     }
 }
 
+function shouldRenderAsInertiaLink(item) {
+    if (item.attributes?.target === '_blank') return false;
+    if (item.url?.startsWith('http://') || item.url?.startsWith('https://')) return false;
+
+    return true;
+}
+
 Statamic.$keys.bind(['command+\\', ['[']], (e) => {
     e.preventDefault();
     toggle();
@@ -155,7 +162,7 @@ Statamic.$events.$on('nav.toggle', toggle);
                     <DynamicHtmlRenderer v-if="item.view" :html="item.view" />
                     <template v-else>
                         <component
-                            :is="item.attributes?.target === '_blank' ? 'a' : Link"
+                            :is="shouldRenderAsInertiaLink(item) ? Link : 'a'"
                             :href="item.url"
                             v-bind="item.attributes"
                             :class="{ 'active': item.active }"
@@ -167,7 +174,7 @@ Statamic.$events.$on('nav.toggle', toggle);
                         <ul v-if="item.children.length && item.active">
                             <li v-for="(child, i) in item.children" :key="i">
                                 <component
-                                    :is="child.attributes?.target === '_blank' ? 'a' : Link"
+                                    :is="shouldRenderAsInertiaLink(child) ? Link : 'a'"
                                     :href="child.url"
                                     v-bind="child.attributes"
                                     v-text="__(child.display)"

From d30e9bea48de2ecace2dc0960a81d84d87f236ef Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Mon, 9 Mar 2026 16:07:35 -0400
Subject: [PATCH 2/3] fix every nav item being considered external

---
 resources/js/components/nav/Nav.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/resources/js/components/nav/Nav.vue b/resources/js/components/nav/Nav.vue
index 911068e2135..a6f708dfe7b 100644
--- a/resources/js/components/nav/Nav.vue
+++ b/resources/js/components/nav/Nav.vue
@@ -134,11 +134,14 @@ function handleChildClick(event, item, child) {
     }
 }
 
+function isUrlWithinControlPanel(url) {
+    const cpBase = Statamic.$config.get('cpUrl');
+    return url && (url === cpBase || url.startsWith(cpBase + '/'));
+}
+
 function shouldRenderAsInertiaLink(item) {
     if (item.attributes?.target === '_blank') return false;
-    if (item.url?.startsWith('http://') || item.url?.startsWith('https://')) return false;
-
-    return true;
+    return isUrlWithinControlPanel(item.url);
 }
 
 Statamic.$keys.bind(['command+\\', ['[']], (e) => {

From c1442cbb973c564bc6bfc066912912c91ed71c3e Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Mon, 9 Mar 2026 16:13:13 -0400
Subject: [PATCH 3/3] avoid calling config repeatedly

---
 resources/js/components/nav/Nav.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/nav/Nav.vue b/resources/js/components/nav/Nav.vue
index a6f708dfe7b..490446b8b1f 100644
--- a/resources/js/components/nav/Nav.vue
+++ b/resources/js/components/nav/Nav.vue
@@ -134,9 +134,10 @@ function handleChildClick(event, item, child) {
     }
 }
 
+const cpBaseUrl = Statamic.$config.get('cpUrl');
+
 function isUrlWithinControlPanel(url) {
-    const cpBase = Statamic.$config.get('cpUrl');
-    return url && (url === cpBase || url.startsWith(cpBase + '/'));
+    return url && (url === cpBaseUrl || url.startsWith(cpBaseUrl + '/'));
 }
 
 function shouldRenderAsInertiaLink(item) {