Adonis Avenue provides a simple way to safely use your Adonis Routes on the frontend. Perfect when building Single Page Applications with Inertia or anything else.
// title: home.vue
<script setup lang="ts">
import { route } from '@foadonis/avenue'
</script>
<template>
<a :href="route('users.edit', { id: 4 })">Edit User</a>
</template>