fix: add WIP notes (#706)

apps/stage-web/src/layouts/settings.vue

@@ -63,6 +63,10 @@ const routeHeaderMetadataMap = computed(() => {
       subtitle: t('settings.title'),
       title: t('settings.pages.modules.hearing.title'),
     },
+    '/settings/modules/vision': {
+      subtitle: t('settings.title'),
+      title: t('settings.pages.modules.vision.title'),
+    },
     '/settings/modules/memory-short-term': {
       subtitle: t('settings.title'),
       title: t('settings.pages.modules.memory-short-term.title'),

packages/i18n/src/locales/en/settings.yaml

@@ -736,3 +736,6 @@ vrm:
   skybox:
     skybox-intensity: SkyBox Intensity
     skybox-specular-mix: Specular Mix
+wip:
+  title: Work in Progress
+  description: This feature is currently under development and not yet publicly available. Check back in future updates for this functionality.

packages/i18n/src/locales/zh-Hans/settings.yaml

@@ -658,3 +658,6 @@ vrm:
   skybox:
     skybox-intensity: 天空盒光照强度
     skybox-specular-mix: 漫反射/镜面反射混合系数
+wip:
+  title: 正在开发中
+  description: 此功能正在开发中，尚未公开发布。请在未来的更新中再次查看此功能。

packages/stage-pages/src/pages/settings/modules/vision.vue

@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import { WIP } from '@proj-airi/stage-ui/components'
+</script>
+
+<template>
+  <WIP />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: settings
+  stageTransition:
+    name: slide
+    pageSpecificAvailable: true
+</route>

packages/stage-ui/src/components/misc/WIP.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <div
+    flex="~ col" gap-3
+    rounded-lg border="2 orange-200 dark:orange-800"
+    bg="orange-50 dark:orange-950/30"
+    p-6
+  >
+    <div flex items-center gap-2 text="orange-600 dark:orange-400">
+      <div i-solar:usb-circle-bold-duotone text-xl />
+      <h2 text-lg font-semibold>
+        {{ t('settings.wip.title') }}
+      </h2>
+    </div>
+    <p text="sm neutral-700 dark:neutral-300">
+      {{ t('settings.wip.description') }}
+    </p>
+  </div>
+</template>

packages/stage-ui/src/components/misc/index.ts

@@ -6,3 +6,4 @@ export { default as Progress } from './Progress.vue'
 export { default as Screen } from './Screen.vue'
 export { default as Skeleton } from './Skeleton.vue'
 export * from './Steppers'
+export { default as WIP } from './WIP.vue'

packages/stage-ui/src/composables/use-modules-list.ts

@@ -66,7 +66,7 @@ export function useModulesList() {
       name: t('settings.pages.modules.vision.title'),
       description: t('settings.pages.modules.vision.description'),
       icon: 'i-solar:eye-closed-bold-duotone',
-      to: '',
+      to: '/settings/modules/vision',
       configured: false,
       category: 'essential',
     },