wrapperに分割するように WIP

src/components/HistoryComponent.vue

@@ -1,6 +1,4 @@
 <template>
-  <q-card class="q-ma-md">
-    <q-card-section>
   <div class="text-h6">
     過去のお手伝い
   </div>
@@ -15,8 +13,6 @@
       </q-item-section>
     </q-item>
   </q-list>
-    </q-card-section>
-  </q-card>
 </template>
 
 <script setup lang="ts">
@@ -34,4 +30,3 @@ const props = defineProps<Props>();
 <style scoped>
 /* 必要に応じてスタイルを追加 */
 </style>
-

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>