<script setup lang="ts">
import { useRoute } from "vue-router";

const router = useRoute();
</script>
<template>
  <section>
    <h1>
      VOCE RENDERIZOU A ROTA : <span>{{ router.name }}</span>
    </h1>
  </section>
</template>

<style scoped lang="scss">
section {
  width: 100%;
  height: 100%;

  h1 {
    font-size: var(--font-3xl);
    font-weight: var(--weight-normal);
    span {
      font-size: var(--font-6xl);
      font-weight: var(--weight-black);
    }
  }
}
</style>
