✨ Terms and conditions

app/pages/index.vue

@@ -91,7 +91,7 @@
           </n-gi>
           <n-gi>
             <div
-              class="flex justify-center text-right h-full py-8 px-4 flex flex-col"
+              class="flex justify-center text-right h-full py-8 px-4 flex-col"
             >
               <h2 class="text-3xl font-bold mb-3">Our products</h2>
               <p class="text-lg mb-1">

app/pages/products/solar-network.vue

@@ -46,7 +46,7 @@
           </n-gi>
           <n-gi>
             <div
-              class="flex justify-center text-right h-full py-8 px-4 flex flex-col"
+              class="flex justify-center text-right h-full py-8 px-4 flex-col"
             >
               <h2 class="text-3xl font-bold mb-3">Features</h2>
               <p class="text-lg mb-1">

app/pages/terms/[slug].vue

@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { NResult } from "naive-ui";
+
+const route = useRoute();
+const { data: page } = await useAsyncData(route.path, () => {
+  return queryCollection("terms").path(route.path).first();
+});
+</script>
+
+<template>
+  <article
+    v-if="page"
+    class="prose lg:prose-lg dark:prose-invert prose-neutral mx-auto my-16"
+  >
+    <content-renderer :value="page" />
+    <div v-if="page.updatedDate" class="text-sm mt-6">
+      Last updated: {{ new Date(page.updatedDate).toLocaleDateString() }}
+    </div>
+  </article>
+  <div v-else class="h-full flex items-center justify-center">
+    <n-result
+      status="404"
+      title="Page not found"
+      description="The page you are looking for does not exist."
+    />
+  </div>
+</template>