From faf5c9c8fbcfad6a00d602f31aceb3463356f846 Mon Sep 17 00:00:00 2001
From: Makito <i@maki.to>
Date: Tue, 3 Mar 2026 21:03:33 +0700
Subject: [PATCH] fix(i18n,stage-layouts): show correct edition in about info

---
 packages/i18n/src/locales/en/base.yaml               |  4 ++++
 .../Layouts/InteractiveArea/Actions/About.vue        | 12 +++++++++++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/packages/i18n/src/locales/en/base.yaml b/packages/i18n/src/locales/en/base.yaml
index cdab27a63..bebf5bc92 100644
--- a/packages/i18n/src/locales/en/base.yaml
+++ b/packages/i18n/src/locales/en/base.yaml
@@ -1,3 +1,7 @@
+edition:
+  desktop: Desktop ver.
+  mobile: Mobile ver.
+  web: Web ver.
 prompt:
   prefix: >
     (from Neko Ayaka) Good morning! You are finally awake.
diff --git a/packages/stage-layouts/src/components/Layouts/InteractiveArea/Actions/About.vue b/packages/stage-layouts/src/components/Layouts/InteractiveArea/Actions/About.vue
index 969828253..f709df253 100644
--- a/packages/stage-layouts/src/components/Layouts/InteractiveArea/Actions/About.vue
+++ b/packages/stage-layouts/src/components/Layouts/InteractiveArea/Actions/About.vue
@@ -1,7 +1,11 @@
 <script setup lang="ts">
+import { isStageCapacitor, isStageTamagotchi } from '@proj-airi/stage-shared'
 import { AboutContent, AboutDialog } from '@proj-airi/stage-ui/components'
 import { useBuildInfo } from '@proj-airi/stage-ui/composables'
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 
 const show = ref(false)
 const buildInfo = useBuildInfo()
@@ -11,6 +15,12 @@ const aboutLinks = [
   { label: 'Documentations', href: 'https://airi.moeru.ai/docs/en/docs/overview/', icon: 'i-solar:document-add-outline' },
   { label: 'GitHub', href: 'https://github.com/moeru-ai/airi', icon: 'i-simple-icons:github' },
 ]
+
+const edition = isStageTamagotchi()
+  ? t('base.edition.desktop')
+  : isStageCapacitor()
+    ? t('base.edition.mobile')
+    : t('base.edition.web')
 </script>
 
 <template>
@@ -18,6 +28,6 @@ const aboutLinks = [
     <div i-solar:info-circle-outline size-5 text="neutral-500 dark:neutral-400" />
   </button>
   <AboutDialog v-model="show">
-    <AboutContent subtitle="Web ver." :build-info="buildInfo" :links="aboutLinks" />
+    <AboutContent :subtitle="edition" :build-info="buildInfo" :links="aboutLinks" />
   </AboutDialog>
 </template>