serversideup/financial-freedom

{
    //
    "require": {
        //
        "laravel/jetstream": "^1.3"
    },
    //
}

// ...

<jet-responsive-nav-link href="/dashboard">
    <svg class="mr-4 h-6 w-6 text-astronaut-500 group-hover:text-astronaut-500 group-focus:text-astronaut-600 transition ease-in-out duration-150" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
    </svg>
    Dashboard
</jet-responsive-nav-link>

<jet-responsive-nav-link href="/budget">
    <svg class="mr-4 h-6 w-6 text-astronaut-400 group-hover:text-astronaut-500 group-focus:text-astronaut-500 transition ease-in-out duration-150" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z"></path>
    </svg>
    Budget
</jet-responsive-nav-link>

<jet-responsive-nav-link href="/transactions">
    <svg class="mr-4 h-6 w-6 text-astronaut-400 group-hover:text-astronaut-500 group-focus:text-astronaut-500 transition ease-in-out duration-150" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
    </svg>
    Transactions
</jet-responsive-nav-link>

<jet-responsive-nav-link href="/goals">
    <svg class="mr-4 h-6 w-6 text-astronaut-400 group-hover:text-astronaut-500 group-focus:text-astronaut-500 transition ease-in-out duration-150" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
    </svg>
    Goals
</jet-responsive-nav-link>

// ...

<script>
    // ...
    import JetResponsiveNavLink from './../Jetstream/ResponsiveNavLink'
    // ...
    export default {
        components: {
            // ...
            JetResponsiveNavLink
        },

// ...

</script>