From 950ee1f4896d22a5620f782d77158714a697dc13 Mon Sep 17 00:00:00 2001
From: LittleSheep <littlesheep.code@hotmail.com>
Date: Tue, 13 Aug 2024 22:44:36 +0800
Subject: [PATCH] :sparkles: Nuxt content tool chain

---
 content/{ => en}/products/acefield.mdx      |  0
 content/{ => en}/products/roadsign.mdx      |  0
 content/{ => en}/products/solar-network.mdx |  0
 content/zh-CN/products/acefield.mdx         |  9 +++++++
 content/zh-CN/products/roadsign.mdx         |  6 +++++
 content/zh-CN/products/solar-network.mdx    | 24 ++++++++++++++++++
 nuxt.config.ts                              |  2 ++
 pages/index.vue                             |  6 ++++-
 pages/products/[...slug].vue                | 27 +++++++++------------
 pages/products/index.vue                    |  6 ++++-
 utils/locale.ts                             |  7 ++++++
 11 files changed, 70 insertions(+), 17 deletions(-)
 rename content/{ => en}/products/acefield.mdx (100%)
 rename content/{ => en}/products/roadsign.mdx (100%)
 rename content/{ => en}/products/solar-network.mdx (100%)
 create mode 100644 content/zh-CN/products/acefield.mdx
 create mode 100644 content/zh-CN/products/roadsign.mdx
 create mode 100644 content/zh-CN/products/solar-network.mdx
 create mode 100644 utils/locale.ts

diff --git a/content/products/acefield.mdx b/content/en/products/acefield.mdx
similarity index 100%
rename from content/products/acefield.mdx
rename to content/en/products/acefield.mdx
diff --git a/content/products/roadsign.mdx b/content/en/products/roadsign.mdx
similarity index 100%
rename from content/products/roadsign.mdx
rename to content/en/products/roadsign.mdx
diff --git a/content/products/solar-network.mdx b/content/en/products/solar-network.mdx
similarity index 100%
rename from content/products/solar-network.mdx
rename to content/en/products/solar-network.mdx
diff --git a/content/zh-CN/products/acefield.mdx b/content/zh-CN/products/acefield.mdx
new file mode 100644
index 0000000..b3ceb28
--- /dev/null
+++ b/content/zh-CN/products/acefield.mdx
@@ -0,0 +1,9 @@
+---
+thumbnail: /thumbnails/products/acefield.webp
+title: AceField
+description: An experimental multiplayer top-down view shooting game that created by Solsynth LLC affiliation Highland Entertainment.
+url: https://files.solsynth.dev/production01/acefield
+---
+
+AceField which is stands for wonderful place to battle.
+We can't just use the name Battlefield because it already became a trademark of Electronic Arts.
diff --git a/content/zh-CN/products/roadsign.mdx b/content/zh-CN/products/roadsign.mdx
new file mode 100644
index 0000000..91b0c73
--- /dev/null
+++ b/content/zh-CN/products/roadsign.mdx
@@ -0,0 +1,6 @@
+---
+thumbnail: /thumbnails/products/roadsign.webp
+title: RoadSign
+description: The reserve proxy that powered our network. Powerful and easy to use.
+archived: true
+---
diff --git a/content/zh-CN/products/solar-network.mdx b/content/zh-CN/products/solar-network.mdx
new file mode 100644
index 0000000..8f622fb
--- /dev/null
+++ b/content/zh-CN/products/solar-network.mdx
@@ -0,0 +1,24 @@
+---
+thumbnail: /thumbnails/products/solar-network.webp
+title: Solar Network
+description: All-in-one 社交媒体平台
+url: https://sn.solsynth.dev
+---
+
+Solar Network 是一个创新的平台，它将社交互动、聊天和语音通话无缝整合到一个统一的体验中。通过 Solar Network，您可以毫不费力地建立和管理自己的社区。
+
+## Key Features
+
+- Social Integration: Connect and engage with others through a comprehensive social platform that brings together various forms of interaction.
+- Chat: Enjoy real-time messaging with individuals and groups, making communication smooth and efficient.
+- Voice Calls: Experience crystal-clear voice calls, enabling you to connect on a deeper level with your community.
+
+## Why Choose Solar Network?
+
+- User-Friendly: Designed with simplicity in mind, making it easy for anyone to create and manage their community.
+- All-in-One Solution: Combines essential communication tools into one platform, eliminating the need for multiple apps.
+- Customizable: Tailor the platform to suit your community’s unique needs and preferences.
+
+Join Solar Network today and start building your community with ease!
+
+Feel free to adjust any details to better fit your vision for the product.
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3a98284..65df968 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -71,6 +71,8 @@ export default defineNuxtConfig({
     highlight: {
       theme: "github-dark",
     },
+    locales: ["en", "zh-CN"],
+    defaultLocale: "en",
   },
 
   pinia: {
diff --git a/pages/index.vue b/pages/index.vue
index a9d5eab..9a6e51c 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -42,9 +42,13 @@
 </template>
 
 <script setup lang="ts">
+import { getLocale } from "~/utils/locale"
+
 const { t } = useI18n()
 
-const { data: products } = await useAsyncData("products", () => queryContent("/products").where({ archived: { $ne: true } }).limit(5).find())
+const { data: products } = await useAsyncData("products", () => {
+  return queryContent("/products").where({ _locale: getLocale(), archived: { $ne: true } }).limit(5).find()
+})
 </script>
 
 <style scoped>
diff --git a/pages/products/[...slug].vue b/pages/products/[...slug].vue
index 84c86a1..8ae1c78 100644
--- a/pages/products/[...slug].vue
+++ b/pages/products/[...slug].vue
@@ -26,7 +26,7 @@
     </v-card>
 
     <article class="text-base prose xl:text-lg mx-auto">
-      <content-doc>
+      <content-renderer :value="page">
         <template #empty>
           <v-empty-state
             icon="mdi-image-broken-variant"
@@ -39,19 +39,9 @@
             </template>
           </v-empty-state>
         </template>
-        <template #not-found>
-          <v-empty-state
-            icon="mdi-flask-empty-remove-outline"
-            text="We haven't this product, yet."
-            title="Not Found"
-            class="no-content-placeholder"
-          >
-            <template #actions>
-              <v-btn prepend-icon="mdi-list-box" variant="plain" text="Back to index" to="/products" exact />
-            </template>
-          </v-empty-state>
-        </template>
-      </content-doc>
+
+        <content-renderer-markdown :value="page" />
+      </content-renderer>
     </article>
   </v-container>
 </template>
@@ -67,7 +57,14 @@
 const route = useRoute()
 
 const { t } = useI18n()
-const { data: page } = await useAsyncData("page", queryContent(route.path).findOne)
+const { data: page } = await useAsyncData<any>("page", queryContent(route.path).where({ _locale: getLocale() }).findOne)
+
+if (page.value == null) {
+  throw createError({
+    status: 404,
+    statusMessage: "Product Not Found",
+  })
+}
 </script>
 
 <style scoped>
diff --git a/pages/products/index.vue b/pages/products/index.vue
index d0b1203..508020f 100644
--- a/pages/products/index.vue
+++ b/pages/products/index.vue
@@ -28,13 +28,17 @@
 </template>
 
 <script setup lang="ts">
+import { getLocale } from "~/utils/locale"
+
 useHead({
   title: "Products",
 })
 
 const { t } = useI18n()
 
-const { data: products } = await useAsyncData("products", () => queryContent("/products").find())
+const { data: products } = await useAsyncData("products", () => {
+  return queryContent("/products").where({ _locale: getLocale() }).find()
+})
 </script>
 
 <style scoped>
diff --git a/utils/locale.ts b/utils/locale.ts
new file mode 100644
index 0000000..7aefc57
--- /dev/null
+++ b/utils/locale.ts
@@ -0,0 +1,7 @@
+export function getLocale() {
+  const fallbackLocale = "en"
+  const supportedLocales = ["en", "zh-CN"]
+  const { locale } = useI18n()
+
+  return supportedLocales.includes(locale.value) ? locale.value : fallbackLocale;
+}