From f64096b5d7d3f57aa8903bc36305960a3df2fa72 Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Sun, 21 Jul 2024 17:38:39 +0900
Subject: [PATCH] =?UTF-8?q?props=E5=A4=89=E6=9B=B4=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TotalComponent.vue | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/TotalComponent.vue b/src/components/TotalComponent.vue
index b02b7f2..99f0089 100644
--- a/src/components/TotalComponent.vue
+++ b/src/components/TotalComponent.vue
@@ -8,16 +8,22 @@
   </q-card>
 </template>
 
-<script>
-export default {
-  name: 'TotalComponent',
-  props: {
-    amount: {
-      type: Number,
-      required: true
-    }
-  }
-};
+<script setup lang="ts">
+import { TaskBaseItem } from 'src/models/task';
+import { computed } from 'vue';
+
+
+interface Props {
+  tasks: TaskBaseItem[];
+}
+
+// Props の取得
+const props = defineProps<Props>();
+
+const amount = computed(() => {
+  return props.tasks.reduce((acc, task) => acc + task.reward, 0);
+});
+
 </script>
 
 <style scoped>