✨ Terms & Privacy Policy

pages/products/[...slug].vue

@@ -1,6 +1,6 @@
 <template>
   <v-container class="content-container mx-auto">
-    <v-card v-if="page" class="mb-5" :to="page._path">
+    <v-card v-if="page" class="mb-5">
       <v-card-text>
         <v-row>
           <v-col cols="12" md="4">

pages/terms/[...slug].vue

@@ -0,0 +1,34 @@
+<template>
+  <v-container class="content-container mx-auto">
+    <div class="mt-5">
+      <h1 class="text-4xl">{{ page.title }}</h1>
+      <span>{{ t("lastUpdatedAt", [new Date(page.date).toLocaleDateString()]) }}</span>
+    </div>
+
+    <article class="text-base prose xl:text-lg mx-auto">
+      <content-renderer :value="page">
+        <content-renderer-markdown :value="page" />
+      </content-renderer>
+    </article>
+  </v-container>
+</template>
+
+<script setup lang="ts">
+const route = useRoute()
+
+const { t } = useI18n()
+const { data: page } = await useAsyncData<any>("page", queryContent(route.path).where({ _locale: getLocale() }).findOne)
+
+if (page.value == null) {
+  throw createError({
+    status: 404,
+    statusMessage: "Term Not Found",
+  })
+}
+</script>
+
+<style scoped>
+.content-container {
+  max-width: 65ch !important;
+}
+</style>