fix(stage-pocket): add missing account settings route (#2457)

apps/stage-pocket/package.json

@@ -42,6 +42,7 @@
     "@proj-airi/pipelines-audio": "workspace:^",
     "@proj-airi/server-sdk": "workspace:^",
     "@proj-airi/stage-layouts": "workspace:^",
+    "@proj-airi/stage-pages": "workspace:^",
     "@proj-airi/stage-shared": "workspace:^",
     "@proj-airi/stage-ui": "workspace:^",
     "@proj-airi/stage-ui-live2d": "workspace:^",

apps/stage-pocket/src/pages/settings/account/index.vue

@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import AccountSettingsPage from '@proj-airi/stage-pages/pages/settings/account/account-settings-page.vue'
+
+import { signOut } from '@proj-airi/stage-ui/libs/auth'
+import { useAuthStore } from '@proj-airi/stage-ui/stores/auth'
+import { useRouter } from 'vue-router'
+
+const authStore = useAuthStore()
+const router = useRouter()
+
+function handleLogin() {
+  authStore.needsLogin = true
+}
+
+async function handleLogout() {
+  await signOut()
+  router.push('/settings')
+}
+</script>
+
+<template>
+  <AccountSettingsPage @login="handleLogin" @logout="handleLogout" />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: settings
+  titleKey: settings.pages.account.title
+  subtitleKey: settings.title
+  descriptionKey: settings.pages.account.description
+  icon: i-solar:user-circle-bold-duotone
+  settingsEntry: false
+  order: 0
+  stageTransition:
+    name: slide
+</route>

pnpm-lock.yaml

@@ -1519,6 +1519,9 @@ importers:
       '@proj-airi/stage-layouts':
         specifier: workspace:^
         version: link:../../packages/stage-layouts
+      '@proj-airi/stage-pages':
+        specifier: workspace:^
+        version: link:../../packages/stage-pages
       '@proj-airi/stage-shared':
         specifier: workspace:^
         version: link:../../packages/stage-shared