fix(stage-tamagotchi): persist vision model settings

packages/stage-ui/src/stores/modules/vision/processing-store.ts

@@ -1,4 +1,4 @@
-import { refManualReset, useLocalStorage } from '@vueuse/core'
+import { useLocalStorageManualReset } from '@proj-airi/stage-shared/composables'
 import { defineStore } from 'pinia'
 import { computed, ref, watch } from 'vue'
 
@@ -31,10 +31,10 @@ function countInWindow(history: number[], windowMs: number) {
 }
 
 export const useVisionProcessingStore = defineStore('vision-processing', () => {
-  const captureIntervalMs = refManualReset<number>(useLocalStorage<number>(
+  const captureIntervalMs = useLocalStorageManualReset<number>(
     'settings/vision/capture-interval-ms',
     DEFAULT_CAPTURE_INTERVAL_MS,
-  ))
+  )
 
   const isRunning = ref(false)
   const isProcessing = ref(false)

packages/stage-ui/src/stores/modules/vision/store.ts

@@ -1,4 +1,5 @@
-import { refManualReset, useLocalStorage } from '@vueuse/core'
+import { useLocalStorageManualReset } from '@proj-airi/stage-shared/composables'
+import { refManualReset } from '@vueuse/core'
 import { defineStore } from 'pinia'
 import { computed } from 'vue'
 
@@ -7,9 +8,9 @@ import { useProvidersStore } from '../../providers'
 export const useVisionStore = defineStore('vision', () => {
   const providersStore = useProvidersStore()
 
-  const activeProvider = refManualReset(useLocalStorage('settings/vision/active-provider', ''))
-  const activeModel = refManualReset(useLocalStorage('settings/vision/active-model', ''))
-  const activeCustomModelName = refManualReset(useLocalStorage('settings/vision/active-custom-model', ''))
+  const activeProvider = useLocalStorageManualReset('settings/vision/active-provider', '')
+  const activeModel = useLocalStorageManualReset('settings/vision/active-model', '')
+  const activeCustomModelName = useLocalStorageManualReset('settings/vision/active-custom-model', '')
   const modelSearchQuery = refManualReset('')
 
   const providerMetadata = computed(() => {