tethys.backend/resources/js/Components/Header.vue

<template>
    <div class="bg-slate-100 py-3 px-6 flex justify-between items-center mb-6">
        <div class="flex items-center space-x-6">
            <h3 class="font-bold">AdonisJS InertiaJS Example</h3>
            <nav class="flex items-center text-sm">
                <Link href="/app">Home</Link>
            </nav>
        </div>

        <div class="flex items-center space-x-6 text-sm">
            <Link href="/app/login">Login</Link>
            <Link href="/app/register">Register</Link>
        </div>
    </div>
</template>

<script lang="js">
import { Link } from '@inertiajs/vue3';
// import DefaultLayout from '../Layouts/Default.vue';

export default {
    // layout: DefaultLayout,
    props: {
        testing: String,
    },

    components: {
        Link,
    },
};
</script>