💄 Better products

components/PostItem.vue

@@ -10,6 +10,10 @@
           <span v-if="!post.body?.title && !post.body?.description" class="text-sm">
             {{ post.author?.description }}
           </span>
+
+          <div v-if="post.type != 'story'" class="mt-1">
+            <v-btn size="x-small" variant="flat" append-icon="mdi-arrow-right" :text="t('continueReading')" />
+          </div>
         </div>
       </div>
 
@@ -70,5 +74,7 @@
 const props = defineProps<{ post: any, forceShowContent?: boolean, noClickableAttachment?: boolean }>()
 const config = useRuntimeConfig()
 
+const { t } = useI18n()
+
 const url = computed(() => props.post.alias ? `/posts/${props.post.area_alias}/${props.post.alias}` : `/posts/${props.post.id}`)
 </script>

components/content/EmbedDownloadLink.vue

@@ -0,0 +1,20 @@
+<template>
+  <v-card :title="t('download')" :subtitle="t('downloadDescription')" density="comfortable">
+    <v-list>
+      <v-list-item
+        v-for="item in props.items"
+        :prepend-icon="item.icon"
+        :title="item.title"
+        :subtitle="item.desc"
+        :href="item.url"
+        target="_blank"
+      />
+    </v-list>
+  </v-card>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{ items: [{ title: string, icon: string, desc: string, url: string }] }>()
+
+const { t } = useI18n()
+</script>

content/en/products/acefield.mdx

@@ -4,7 +4,22 @@ title: AceField
 description: An experimental multiplayer top-down view shooting game that created by Solsynth LLC affiliation Highland Entertainment.
 author: [littlesheep]
 url: https://files.solsynth.dev/production01/acefield
+downloads:
+  - title: macOS
+    icon: mdi-apple
+    desc: macOS 12 or above
+    url: https://files.solsynth.dev/production01/acefield/AceField_MacOS_arm64.dmg
+  - title: Windows
+    icon: mdi-microsoft-windows
+    desc: Windows 7 or above
+    url: https://files.solsynth.dev/production01/acefield/Windows_x86_64.zip
+  - title: Linux
+    icon: mdi-linux
+    desc: Any linux distro
+    url: https://files.solsynth.dev/production01/acefield/Linux_x86_64.zip
 ---
 
 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.
+
+:embed-download-link{:items='downloads'}

content/en/products/dietary-guard.mdx

@@ -3,6 +3,15 @@ thumbnail: /thumbnails/products/dietary-guard.webp
 title: DietaryGuard
 description: A simple app that help you keep dietary, so not die.
 author: [littlesheep]
+downloads:
+  - title: iOS
+    icon: mdi-apple-ios
+    desc: iOS 10 or above, via Testflight
+    url: https://testflight.apple.com/join/pYb6wRbr
+  - title: Android
+    icon: mdi-android
+    desc: Android 9 or above
+    url: https://files.solsynth.dev/production01/dietary-guard/app-arm64-v8a-release.apk
 ---
 
 A simple app to look up the ingredients of your food,
@@ -15,10 +24,6 @@ with a little something along the way to keep you from eating something you shou
 3. Simple and easy to use
 4. Lightweight software, less than 8M.
 
-## Download
-
-- iOS TestFlight: https://testflight.apple.com/join/pYb6wRbr
-- iOS App Store: *wait a little bit longer*
-- Android APK: https://files.solsynth.dev/production01/dietary-guard/app-arm64-v8a-release.apk
+:embed-download-link{:items='downloads'}
 
 :embed-post-item{id=887}

content/en/products/solar-network.mdx

@@ -1,7 +1,7 @@
 ---
 thumbnail: /thumbnails/products/solar-network.webp
 title: Solar Network
-description: Great place for relationships.
+description: Next Generation Network Center
 author: [littlesheep]
 url: https://sn.solsynth.dev
 ---

content/en/products/solian.mdx

@@ -0,0 +1,29 @@
+---
+thumbnail: /thumbnails/products/solian.webp
+title: Solian
+description: Solar Network 的官方跨平台客户端
+author: littlesheep
+url: https://sn.solsynth.dev
+downloads:
+  - title: macOS
+    icon: mdi-apple
+    desc: macOS 12 or above, via Testflight
+    url: https://testflight.apple.com/join/YJ0lmN6O
+  - title: iOS
+    icon: mdi-apple-ios
+    desc: iOS 12 or above, via Testflight上
+    url: https://testflight.apple.com/join/YJ0lmN6O
+  - title: Android
+    icon: mdi-android
+    desc: Android 9 or above
+    url: https://files.solsynth.dev/production01/solian/app-arm64-v8a-release.apk
+  - title: Web
+    icon: mdi-web
+    desc: Web-based version with support for major browsers
+    url: https://sn.solsynth.dev
+---
+
+Solian is the official cross-platform client for Solar Network, offering the best support and most advanced features.
+It lets you get the most out of Solar Network.
+
+:embed-download-link{:items='downloads'}

content/zh-CN/products/acefield.mdx

@@ -4,7 +4,22 @@ title: AceField
 description: 由索尔辛茨附属高岛互娱制作的一款实验性多人自上而下视角射击游戏。
 author: [littlesheep]
 url: https://files.solsynth.dev/production01/acefield
+downloads:
+  - title: macOS
+    icon: mdi-apple
+    desc: macOS 12 或以上
+    url: https://files.solsynth.dev/production01/acefield/AceField_MacOS_arm64.dmg
+  - title: Windows
+    icon: mdi-microsoft-windows
+    desc: Windows 7 或以上
+    url: https://files.solsynth.dev/production01/acefield/Windows_x86_64.zip
+  - title: Linux
+    icon: mdi-linux
+    desc: 主流 Linux 发行版
+    url: https://files.solsynth.dev/production01/acefield/Linux_x86_64.zip
 ---
 
 AceField 是 “战斗的好地方” 的缩写。
 我们不能只用《战地》这个名字，因为它是 Electronic Arts 的商标。
+
+:embed-download-link{:items='downloads'}

content/zh-CN/products/dietary-guard.mdx

@@ -3,6 +3,15 @@ thumbnail: /thumbnails/products/dietary-guard.webp
 title: 膳食管家
 description: 一个简单的查询食物成份的应用程式
 author: [littlesheep]
+downloads:
+  - title: iOS
+    icon: mdi-apple-ios
+    desc: iOS 10 或以上，通过 Testflight
+    url: https://testflight.apple.com/join/pYb6wRbr
+  - title: Android
+    icon: mdi-android
+    desc: Android 9 或以上
+    url: https://files.solsynth.dev/production01/dietary-guard/app-arm64-v8a-release.apk
 ---
 
 一个简单的查询食物成份的应用，还能顺便提示你一点东西，避免你吃到什么不该吃的吃进医院。
@@ -14,10 +23,6 @@ author: [littlesheep]
 3. 功能简单，上手容易
 4. 轻量软件，只有 8M 不到
 
-## 下载
-
-- iOS TestFlight: https://testflight.apple.com/join/pYb6wRbr
-- iOS App Store: *再等等*
-- Android APK: https://files.solsynth.dev/production01/dietary-guard/app-arm64-v8a-release.apk
+:embed-download-link{:items='downloads'}
 
 :embed-post-item{id=887}

content/zh-CN/products/solar-network.mdx

@@ -1,12 +1,19 @@
 ---
 thumbnail: /thumbnails/products/solar-network.webp
 title: Solar Network
-description: 寄托人际关系的好地方
+description: 下一代网络中心
 author: littlesheep
 url: https://sn.solsynth.dev
+downloads:
+  - title: Solian
+    icon: mdi-application-braces
+    desc: 官方 Solar Network 全平台客户端
+    url: https://solsynth.dev/products/solian
 ---
 
 Solar Network 是一个开创性的多功能平台，它将社交互动、实时聊天和高质量音视频通话无缝集成，打造出一个极具吸引力和互动性的统一体验。
 通过 Solar Network，用户不仅可以轻松创建和管理自己的社区，还能够随时随地与好友、粉丝和团队成员保持紧密联系。
 无论是讨论工作项目、分享生活点滴，还是享受娱乐时光，Solar Network 都能为您提供顺畅、高效的沟通桥梁。
 这个平台旨在满足各种社交需求，使每一位用户都能在一个温馨而多样化的社区中找到归属感，并与他人建立深厚的联系。
+
+:embed-download-link{:items='downloads'}

content/zh-CN/products/solian.mdx

@@ -0,0 +1,29 @@
+---
+thumbnail: /thumbnails/products/solian.webp
+title: Solian
+description: Solar Network 的官方跨平台客户端
+author: littlesheep
+url: https://sn.solsynth.dev
+downloads:
+  - title: macOS
+    icon: mdi-apple
+    desc: macOS 12 或以上，通过 Testflight
+    url: https://testflight.apple.com/join/YJ0lmN6O
+  - title: iOS
+    icon: mdi-apple-ios
+    desc: iOS 12 或以上，通过 Testflight上
+    url: https://testflight.apple.com/join/YJ0lmN6O
+  - title: Android
+    icon: mdi-android
+    desc: Android 9 或以上
+    url: https://files.solsynth.dev/production01/solian/app-arm64-v8a-release.apk
+  - title: Web
+    icon: mdi-web
+    desc: 网页版，支援主流浏览器
+    url: https://sn.solsynth.dev
+---
+
+Solian 是 Solar Network 的官方跨平台客户端，提供了最完善的功能支持和最先进的特性。
+让你完全发挥 Solar Network 的效能。
+
+:embed-download-link{:items='downloads'}

lang/en-US.json

@@ -64,5 +64,8 @@
   "postReplies": "Replies",
   "postRepliesCaption": "All replies of this post",
   "language": "Language",
-  "embedWidget": "Solar Network Embed Widget"
+  "embedWidget": "Solar Network Embed Widget",
+  "continueReading": "Continue Reading",
+  "download": "Download",
+  "downloadDescription": "Pick the right version for you"
 }

lang/zh-CN.json

@@ -64,5 +64,8 @@
   "postReplies": "回复",
   "postRepliesCaption": "该帖子的全部回复",
   "language": "语言",
-  "embedWidget": "Solar Network 嵌入式组件"
+  "embedWidget": "Solar Network 嵌入式组件",
+  "continueReading": "继续阅读",
+  "download": "下载",
+  "downloadDescription": "选择适合你的版本下载"
 }

pages/auth/sign-in.vue

@@ -37,6 +37,10 @@ definePageMeta({
   alias: ["/auth/mfa"],
 })
 
+useHead({
+  title: t('signInTitle'),
+})
+
 const route = useRoute()
 
 const loading = ref(false)

pages/auth/sign-up.vue

@@ -102,6 +102,10 @@ const error = ref<string | null>(null)
 const { t } = useI18n()
 const config = useRuntimeConfig()
 
+useHead({
+  title: t('signUpTitle'),
+})
+
 const route = useRoute()
 const router = useRouter()
 

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

@@ -43,6 +43,17 @@
         <content-renderer-markdown :value="page" />
       </content-renderer>
     </article>
+
+    <div class="flex justify-start mt-5">
+      <v-btn
+        v-if="page?.url"
+        variant="plain"
+        prepend-icon="mdi-launch"
+        :text="t('open')"
+        :href="page?.url"
+        target="_blank"
+      />
+    </div>
   </v-container>
 </template>