Merge pull request #136 from ninoseki/make-header-from-reactive

fix: make header.from reactive
ninoseki · Oct 14, 2021 · 0959800 · 0959800
2 parents 4f5a169 + 3614490
commit 0959800
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/frontend/src/components/headers/BasicHeaders.vue b/frontend/src/components/headers/BasicHeaders.vue
@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "@vue/composition-api";
+import { computed, defineComponent, PropType } from "@vue/composition-api";
 
 import Indicators from "@/components/indicators/Indicators.vue";
 import H3 from "@/components/ui/h3.vue";
@@ -54,7 +54,9 @@ export default defineComponent({
   components: { Indicators, UTC, H3 },
   setup(props) {
     const emailType = "email";
-    const emails = [props.header.from];
+    const emails = computed(() => {
+      return [props.header.from];
+    });
 
     return { emails, emailType, toCommaSeparatedString };
   },