From d82c065920faba7fb9999146f00fd3e84b9ab22f Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Sun, 21 Jul 2024 17:35:26 +0900
Subject: [PATCH] =?UTF-8?q?childId=E3=82=92=E6=AD=A3=E3=81=97=E3=81=8F?=
 =?UTF-8?q?=E6=B8=A1=E3=81=99=E3=82=88=E3=81=86=E3=81=AB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/WalletComponent.vue | 13 +++++++++++++
 src/pages/IndexPage.vue            | 14 +++++++++-----
 2 files changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/components/WalletComponent.vue b/src/components/WalletComponent.vue
index b513490..2bf7906 100644
--- a/src/components/WalletComponent.vue
+++ b/src/components/WalletComponent.vue
@@ -8,6 +8,19 @@
 <script setup lang="ts">
 import TotalComponent from 'components/TotalComponent.vue';
 import HistoryComponent from 'components/HistoryComponent.vue';
+import { getHistory } from 'src/api/apiService';
+
+// Props の型定義
+interface Props {
+  childId: string;
+}
+
+// Props の取得
+const props = defineProps<Props>();
+
+getHistory(props.childId).then((res) => {
+  console.log(res);
+});
 
 // 仮置きデータ
 const paymentAmount = 500; // お手伝いの報酬
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index 547f89b..f880c57 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -8,21 +8,21 @@
         </QTabs>
         <QTabPanels v-if="isMobile" v-model="tab" animated>
           <QTabPanel name="tab1">
-            <TaskList />
+            <TaskList :childId=cachedChildId />
           </QTabPanel>
           <QTabPanel name="tab2">
-            <WalletComponent />
+            <WalletComponent :childId=cachedChildId />
           </QTabPanel>
         </QTabPanels>
         <div v-else class="row justify-center">
           <div class="col-6">
             <QCard class="q-ma-md q-pa-md">
               <div class="text-h6 q-py-md">タスク一覧</div>
-              <TaskList />
+              <TaskList :childId=cachedChildId />
             </QCard>
           </div>
           <div class="col-6">
-            <WalletComponent />
+            <WalletComponent :childId=cachedChildId />
           </div>
         </div>
       </QPageContainer>
@@ -30,13 +30,17 @@
   </QPage>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, computed } from 'vue';
 import TaskList from 'components/TaskListComponent.vue';
 import WalletComponent from 'src/components/WalletComponent.vue';
+import useStore from 'src/store';
 
+const store = useStore();
 const tab = ref('tab1');
 
+const cachedChildId = computed(() => store.state.account.id);
+
 const isMobile = computed(() => {
   return window.innerWidth < 600; // 600px以下をモバイルデバイスとする
 });