Init to store value & react if it changes

Author: welchr

src/components/FilterPanel/CtlSwitch.vue

@@ -19,7 +19,13 @@ const { controlSet } = defineProps({
 })
 
 const appStore = useAppStore()
-const controlValue = ref(false)
+
+const getStoreValue = () => {
+  const parentKey = appStore.currentPageName
+  return appStore[parentKey]?.[controlSet.storeKey]
+}
+
+const controlValue = ref(getStoreValue() ?? controlSet.defaultValue ?? false)
 
 const resetInput = inject('resetInput')
 
@@ -28,6 +34,12 @@ watch(resetInput, () => {
   appStore.updateSwitch(controlSet.storeKey, controlSet.defaultValue)
 })
 
+watch(getStoreValue, (newValue) => {
+  if (newValue !== undefined && newValue !== controlValue.value) {
+    controlValue.value = newValue
+  }
+})
+
 onMounted(() => {
   populateControlData()
 })