refactor(DataSecurityBox): reactive state

Kitware · Nov 13, 2023 · e9dd799 · e9dd799
1 parent e6392ee
commit e9dd799
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/DataSecurityBox.vue b/src/components/DataSecurityBox.vue
@@ -3,12 +3,14 @@ import {
   errorReportingConfigured,
   useErrorReporting,
 } from '@/src/utils/errorReporting';
-import { watch, ref } from 'vue';
+import { computed } from 'vue';
 
 const errorStore = useErrorReporting();
-const reportingEnabled = ref(!errorStore.disableReporting);
-watch(reportingEnabled, (enabled) => {
-  errorStore.disableReporting = !enabled;
+const reportingEnabled = computed({
+  get: () => !errorStore.disableReporting,
+  set: (enabled) => {
+    errorStore.disableReporting = !enabled;
+  },
 });
 </script>