<template>
  <div>
    <q-breadcrumbs class="q-mb-md">
      <q-breadcrumbs-el
        v-for="breadcrumb in $route.meta?.breadcrumbs"
        :key="breadcrumb?.name"
        :label="$t(breadcrumb?.title)"
        :to="{ name: breadcrumb?.name }"
      />
    </q-breadcrumbs>
    <div class="flex items-center justify-between">
      <span class="text-h5">{{ $t($route.meta?.title) }}</span>
      <slot name="after" />
    </div>
    <q-separator class="q-my-sm" />
  </div>
</template>

<script setup></script>
