<template>
  <div class="min-h-screen p-8">
    <h1 class="text-3xl font-narrative text-sky-text">{{ slug }}</h1>
    <p class="mt-4 text-sky-text/70">{{ $t('pages.projects.description') }}</p>
  </div>
</template>

<script setup lang="ts">
const route = useRoute()
const slug = computed(() => route.params.slug as string)

const { setPageMeta } = useSeo()
const { t } = useI18n()

setPageMeta({
  title: slug.value,
  description: t('pages.projects.description'),
})
</script>
