From c9c23e14ac6c9cef7daf4f2754382de1ba5d567e Mon Sep 17 00:00:00 2001
From: Alfred Nutile <365385+alnutile@users.noreply.github.com>
Date: Sat, 12 Oct 2024 12:23:32 -0400
Subject: [PATCH] Have as=a for Responsive Nav Link (#1543)

This why like DropdownLink we can link to non inertia pages for example

```
                            <ResponsiveNavLink
                                as="a"
                                :href="route('filament.admin.pages.dashboard')" :active="route().current('filament.admin.pages.dashboard')">
                                Admin Area
                            </ResponsiveNavLink>
```
---
 stubs/inertia/resources/js/Components/ResponsiveNavLink.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/stubs/inertia/resources/js/Components/ResponsiveNavLink.vue b/stubs/inertia/resources/js/Components/ResponsiveNavLink.vue
index e4ae2e1b5..27f9eaba0 100644
--- a/stubs/inertia/resources/js/Components/ResponsiveNavLink.vue
+++ b/stubs/inertia/resources/js/Components/ResponsiveNavLink.vue
@@ -21,6 +21,10 @@ const classes = computed(() => {
             <slot />
         </button>
 
+        <a v-else-if="as == 'a'" :class="classes" class="w-full text-start" :href="href">
+            <slot />
+        </a>
+
         <Link v-else :href="href" :class="classes">
             <slot />
         </Link>