<template>
  <div>
    <q-breadcrumbs class="q-mb-md">
      <template #separator> <div class="text-primary">/</div> </template>

      <q-breadcrumbs-el
        v-for="breadcrumb in $route.meta?.breadcrumbs"
        :key="breadcrumb?.name"
        :label="$t(breadcrumb?.title)"
        :to="{ name: breadcrumb?.name }"
        style="font-size: 12px"
      />
    </q-breadcrumbs>

    <span class="text-h6 text-bold">{{ $t($route.meta?.title) }}</span>
  </div>
</template>

<script setup></script>
