✨ Terms listing

app/pages/index.vue

@@ -61,7 +61,7 @@
                       :href="product.repo"
                       target="_blank"
                     >
-                      <n-icon><code-round /></n-icon>
+                      <n-icon color="black"><code-round /></n-icon>
                     </n-button>
                     <n-button
                       v-if="product.url"
@@ -72,7 +72,7 @@
                       :href="product.url"
                       target="_blank"
                     >
-                      <n-icon><launch-round /></n-icon>
+                      <n-icon color="black"><launch-round /></n-icon>
                     </n-button>
                   </div>
                   <div
@@ -83,7 +83,9 @@
                     <p class="text-lg text-white line-height-1">
                       {{ product.name }}
                     </p>
-                    <p>{{ product.description }}</p>
+                    <p class="text-white line-height-1">
+                      {{ product.description }}
+                    </p>
                   </div>
                 </n-carousel-item>
               </n-carousel>

app/pages/terms/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="container max-w-lg mx-auto my-16">
+    <h1 class="text-4xl font-bold mb-4">Terms and Conditions</h1>
+    <nuxt-link v-for="term in terms" :key="term.path" :to="term.path">
+      <n-card :title="term.title" hoverable class="mb-4 mx-[-8px]">
+        <p>{{ term.description }}</p>
+
+        <template #footer>
+          <p class="text-xs">
+            Last updated at
+            {{ new Date(term.updatedDate).toLocaleDateString() }}
+          </p>
+        </template>
+      </n-card>
+    </nuxt-link>
+  </div>
+</template>
+
+<script setup>
+import { NCard } from "naive-ui";
+const { data: terms } = await useAsyncData("terms", () =>
+  queryCollection("terms").order("updatedDate", "DESC").all(),
+);
+</script>
+
+<style scoped>
+/* Styling for the terms listing page */
+</style>

content.config.ts

@@ -22,6 +22,7 @@ export default defineContentConfig({
       source: "terms/**.md",
       schema: z.object({
         title: z.string().nonempty(),
+        description: z.string().optional(),
         updatedDate: z.date().optional(),
       }),
     }),

content/terms/basic-law.md

@@ -1,8 +1,11 @@
 ---
 title: User Agreement / Basic Law
+description: The framework of rules for all Solsynth LLC products.
 updatedDate: 2025-03-19T16:12:21.897Z
 ---
 
+# User Agreement
+
 This User Agreement (a.k.a. the Basic Law) is the framework of rules for all Solsynth LLC products, and other related regulations should comply with it, or the entry will not be effective.
 
 This User Agreement will be referred to herein as “these Terms and Conditions” and Solsynth LLC will refer to it as “we” and “us”.

content/terms/privacy-policy.md

@@ -1,8 +1,11 @@
 ---
 title: Privacy Policy / Privacy Protection Law
+description: The framework of rules for all Solsynth LLC products.
 updatedDate: 2025-03-19T16:12:21.897Z
 ---
 
+# Privacy Policy
+
 This regulation is an expansion of Chapter 5 of the contents of the “Basic Law”. This entry applies the security protection policy (direct modification by the legislator is not allowed due to the design of user data security).
 
 We take your privacy very seriously. This Privacy Policy outlines the types of personal information we collect, how we use it, and the protective measures we take.