<script setup lang="ts">
// Catch-all for the footer's not-yet-built pages. Each known slug renders a
// shared "coming soon" body with its localized title; legal slugs get the
// legal-specific body. Unknown slugs 404 (explicit pages like /about win over
// this dynamic route in Nuxt's resolver).
import { computed } from 'vue'
import { useRoute, useCopy } from '#imports'

definePageMeta({ layout: 'page' })

// Known stub slugs and whether they're legal pages. Keys must match the
// `pages.stubs` keys in landingCopy.ts.
const STUBS: Record<string, { legal: boolean }> = {
  customers: { legal: false },
  careers: { legal: false },
  press: { legal: false },
  status: { legal: false },
  docs: { legal: false },
  blog: { legal: false },
  terms: { legal: true },
  sla: { legal: true },
  cookies: { legal: true },
}

const route = useRoute()
const copy = useCopy()

const slug = computed(() => String(route.params.slug))

const stub = computed(() => STUBS[slug.value])
if (!stub.value) {
  throw createError({ statusCode: 404, statusMessage: 'Page not found', fatal: true })
}

type StubKey = keyof typeof copy.value.pages.stubs
const title = computed(() => copy.value.pages.stubs[slug.value as StubKey])
const body = computed(() => (stub.value!.legal ? copy.value.pages.legalBody : copy.value.pages.comingSoonBody))

useHead({ title: () => `${title.value} · dezky` })
</script>

<template>
  <LandingComingSoon :title="title" :body="body" />
</template>
