setup表記に対応

src/components/WalletComponent.vue

@@ -1,30 +1,19 @@
 <template>
   <q-page class="q-pa-md">
-    <payment-amount :amount="paymentAmount" />
-    <past-tasks :tasks="pastTasks" />
+    <TotalComponent :amount="paymentAmount" />
+    <HistoryComponent :tasks="pastTasks" />
   </q-page>
 </template>
 
-<script>
+<script setup lang="ts">
 import TotalComponent from 'components/TotalComponent.vue';
 import HistoryComponent from 'components/HistoryComponent.vue';
 
-export default {
-  components: {
-    TotalComponent,
-    HistoryComponent
-  },
-  data() {
-    return {
-      paymentAmount: 5000, // 支払予定額
-      pastTasks: [
-        { name: '皿洗い', date: '2024-07-15', amount: 200 },
-        { name: '掃除', date: '2024-07-14', amount: 300 },
-        { name: '洗濯', date: '2024-07-13', amount: 250 },
-      ], // 過去のお手伝い
-    };
-  }
-};
+paymentAmount = 500; // お手伝いの報酬
+pastTasks = [
+  { name: '皿洗い', date: '2024-07-15', amount: 200 },
+  { name: '掃除', date: '2024-07-14', amount: 300 },
+  { name: '洗濯', date: '2024-07-13', amount: 250 },
+]
 
 </script>
-