From 77f72f35311279b0b85854f516739843f97e03a0 Mon Sep 17 00:00:00 2001
From: rca <nem@nem.x0.to>
Date: Mon, 22 Jul 2024 05:36:44 +0900
Subject: [PATCH] =?UTF-8?q?wrapper=E3=81=AB=E5=88=86=E5=89=B2=E3=81=99?=
 =?UTF-8?q?=E3=82=8B=E3=82=88=E3=81=86=E3=81=AB=20WIP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HistoryComponent.vue        | 33 +++++++++-------------
 src/components/HistoryWrappedComponent.vue | 20 +++++++++++++
 2 files changed, 34 insertions(+), 19 deletions(-)
 create mode 100644 src/components/HistoryWrappedComponent.vue

diff --git a/src/components/HistoryComponent.vue b/src/components/HistoryComponent.vue
index e196dc0..4e5bd17 100644
--- a/src/components/HistoryComponent.vue
+++ b/src/components/HistoryComponent.vue
@@ -1,22 +1,18 @@
 <template>
-  <q-card class="q-ma-md">
-    <q-card-section>
-      <div class="text-h6">
-        過去のお手伝い
-      </div>
-      <q-list padding>
-        <q-item v-for="(history, index) in props.histories" :key="index" clickable>
-          <q-item-section>
-            <q-item-label>{{ history.name }}</q-item-label>
-            <!-- <q-item-label caption>{{ task.date }}</q-item-label> -->
-          </q-item-section>
-          <q-item-section side>
-            <q-item-label>{{ history.reward }} 円</q-item-label>
-          </q-item-section>
-        </q-item>
-      </q-list>
-    </q-card-section>
-  </q-card>
+  <div class="text-h6">
+    過去のお手伝い
+  </div>
+  <q-list padding>
+    <q-item v-for="(history, index) in props.histories" :key="index" clickable>
+      <q-item-section>
+        <q-item-label>{{ history.name }}</q-item-label>
+        <!-- <q-item-label caption>{{ task.date }}</q-item-label> -->
+      </q-item-section>
+      <q-item-section side>
+        <q-item-label>{{ history.reward }} 円</q-item-label>
+      </q-item-section>
+    </q-item>
+  </q-list>
 </template>
 
 <script setup lang="ts">
@@ -34,4 +30,3 @@ const props = defineProps<Props>();
 <style scoped>
 /* 必要に応じてスタイルを追加 */
 </style>
-
diff --git a/src/components/HistoryWrappedComponent.vue b/src/components/HistoryWrappedComponent.vue
new file mode 100644
index 0000000..c650653
--- /dev/null
+++ b/src/components/HistoryWrappedComponent.vue
@@ -0,0 +1,20 @@
+<template>
+  <QCard class="q-ma-md">
+    <QCardSection>
+      <HistoryComponent :histories=props.histories />
+    </QCardSection>
+  </QCard>
+</template>
+
+<script setup lang="ts">
+
+import HistoryComponent from 'src/components/HistoryComponent.vue';
+import { HistoryItem } from 'src/models/internal';
+
+interface Props {
+  histories: HistoryItem[];
+}
+
+const props = defineProps<Props>();
+
+</script>