<template>
 <b-div
  padding="t-2"
  class="intro"
 >
  <b-h
   level="1"
   class="intro-title"
   margin="b-2 t-2 b-lg-4"
   display-headings="3"
   font-weight="bold"
  >
   {{ title }}
  </b-h>
  <p class="lead">
   {{ description }}
  </p>
 </b-div>
</template>

<script setup>
import { useDynamicRouteParam } from "../../../composables/extend/dynamicRoute/useDynamicRouteParam";
import { useRoute, computed } from "#imports";
import bDiv from "../../html-block/Div";
import bH from "../../html-inline/Headings";
const lang = useDynamicRouteParam("lang");
const route = useRoute();
const title = computed(() => route.meta[`title:${lang.value}`] || route.meta.title);
const description = computed(() => route.meta[`description:${lang.value}`] || route.meta.description);
</script>
