use inertia link

Author: taylorotwell

stubs/inertia/resources/js/Jetstream/DropdownLink.vue

@@ -4,9 +4,9 @@
             <slot></slot>
         </button>
 
-        <a :href="href" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out" v-else>
+        <inertia-link :href="href" class="block px-4 py-2 text-sm leading-5 text-gray-700 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 transition duration-150 ease-in-out" v-else>
             <slot></slot>
-        </a>
+        </inertia-link>
     </div>
 </template>
 

stubs/inertia/resources/js/Jetstream/NavLink.vue

@@ -1,12 +1,12 @@
 <template>
-    <a :class="classes">
+    <inertia-link :href="href" :class="classes">
         <slot></slot>
-    </a>
+    </inertia-link>
 </template>
 
 <script>
     export default {
-        props: ['active'],
+        props: ['href', 'active'],
 
         computed: {
             classes() {

stubs/inertia/resources/js/Jetstream/ResponsiveNavLink.vue

@@ -4,9 +4,9 @@
             <slot></slot>
         </button>
 
-        <a :href="href" :class="classes" v-else>
+        <inertia-link :href="href" :class="classes" v-else>
             <slot></slot>
-        </a>
+        </inertia-link>
     </div>
 </template>