back and breadcrumbs

src/components/BackButton.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+
+const route = useRoute()
+const router = useRouter()
+
+const backTo = computed(() => {
+  return [...route.matched].reverse().find((record) => record.meta.backTo)?.meta.backTo
+})
+
+function goBack() {
+  if (backTo.value) router.push({ name: backTo.value })
+}
+</script>
+
+<template>
+  <v-btn v-if="backTo" icon="mdi-arrow-left" variant="text" density="compact" aria-label="Back" @click="goBack" />
+</template>
+
+<style scoped lang="scss"></style>