debug

src/pages/TestPage.vue

@@ -0,0 +1,29 @@
+<template>
+  <q-page class="q-pa-md">
+    <payment-amount :amount="paymentAmount" />
+    <past-tasks :tasks="pastTasks" />
+  </q-page>
+</template>
+
+<script>
+import PaymentAmount from 'components/TotalComponent.vue';
+import PastTasks from 'components/HistoryComponent.vue';
+
+export default {
+  components: {
+    PaymentAmount,
+    PastTasks
+  },
+  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 },
+      ], // 過去のお手伝い
+    };
+  }
+};
+
+</script>

src/router/routes.ts

@@ -11,6 +11,11 @@ const routes: RouteRecordRaw[] = [
     component: () => import('layouts/FullScreenLayout.vue'),
     children: [{ path: '', component: () => import('pages/LoginPage.vue') }],
   },
+  {
+    path: '/debug',
+    component: () => import('layouts/MainLayout.vue'),
+    children: [{ path: '', component: () => import('pages/DebugPage.vue') }],
+  },
 
   // Always leave this as last one,
   // but you can also remove it