Files
dezky/apps/website/pages/[slug].vue
T
Ronni Baslund 3123d8a5a1 feat(website): terms of service page
Replace the /terms stub with a real Servicevilkår page (da + en),
mirroring the DPA/privacy layout and draft / legal-review banner.

- 12 clauses tailored to the system: the service, per-user accounts,
  acceptable use, customer data (EU-hosted, DPA ref, export/no lock-in),
  pricing & payment (49 kr/user/mo excl. VAT), term/renewal/cancellation,
  uptime & SLA ref, IP, liability cap (last 12 months' fees), changes,
  Danish law / venue Esbjerg
- Drop 'terms' from the [slug].vue stub map so the real page wins
- Contact: legal@dezky.eu

Still a 0.1 draft pending legal review (flagged on the page).
2026-06-06 16:04:29 +02:00

44 lines
1.4 KiB
Vue

<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 },
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>