From 39b02c259c3e2abbc9495cf6a5681d2df6218190 Mon Sep 17 00:00:00 2001
From: azuki774s <azuki774s@gmail.com>
Date: Tue, 10 Sep 2024 19:59:00 +0900
Subject: [PATCH] fixup! Reduce ESLint error

---
 components/PostRecord.vue  | 4 ++--
 components/ShowHistory.vue | 4 ++--
 pages/index.vue            | 5 +----
 pages/summary/[year].vue   | 7 +++----
 4 files changed, 8 insertions(+), 12 deletions(-)

diff --git a/components/PostRecord.vue b/components/PostRecord.vue
index d808564..7ae9715 100644
--- a/components/PostRecord.vue
+++ b/components/PostRecord.vue
@@ -1,6 +1,6 @@
 <script setup lang='ts'>
 import type { Category } from '@/interfaces'
-const selector = ref<any>()
+const selector = ref<unknown>()
 const categoryList = ref<Category[]>()
 const asyncData = await useFetch(
   '/api/getCategories',
@@ -30,7 +30,7 @@ const priceBox = ref<number>()
 const postButton = async (): Promise<void> => {
   await useAsyncData(
     `record`,
-    (): Promise<any> => {
+    (): Promise<unknown> => {
       const send_category_id = selector.value.slice(0, 3) // 210-食費→210
       const param = { price: priceBox.value, category_id: send_category_id }
       const paramStr = '?price=' + param['price'] + '&category_id=' + param['category_id']
diff --git a/components/ShowHistory.vue b/components/ShowHistory.vue
index bd8c54b..87db274 100644
--- a/components/ShowHistory.vue
+++ b/components/ShowHistory.vue
@@ -24,7 +24,7 @@ async function showDeleteDialog(id: number): Promise<void> {
   if (userResponse == true) {
     await useAsyncData(
       `record`,
-      (): Promise<any> => {
+      (): Promise<unknown> => {
         const param = { id: id }
         const paramStr = '?id=' + param['id']
         const localurl = '/api/deleteRecord' + paramStr
@@ -52,7 +52,7 @@ async function showDeleteDialog(id: number): Promise<void> {
         </tr>
       </thead>
       <tbody>
-        <tr v-for='record in recordList'>
+        <tr v-for='record in recordList' :key=record.id>
           <td>{{ record.id }}</td>
           <td>{{ record.category_name }}</td>
           <td>{{ record.price }}</td>
diff --git a/pages/index.vue b/pages/index.vue
index c0a45a5..d8cfc73 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,10 +6,8 @@ const thisYear = today.getFullYear()
 <template>
   <section>
   <h1>mawinter-front</h1>
-    <p text-alignment='center'>
     <h2>登録</h2>
     <PostRecord />
-    </p>
 
     <div class='summary_link'>
       <NuxtLink v-bind:to="{name: 'summary-year', params: {year: thisYear}}">
@@ -17,10 +15,9 @@ const thisYear = today.getFullYear()
       </NuxtLink>
     </div>
 
-    <p text-alignment='center'>
     <h2>直近履歴</h2>
     <ShowHistory />
-    </p>
+
   </section>
 </template>
 
diff --git a/pages/summary/[year].vue b/pages/summary/[year].vue
index 5f116b7..c4342b2 100644
--- a/pages/summary/[year].vue
+++ b/pages/summary/[year].vue
@@ -161,7 +161,6 @@ if (asyncData.data.value != undefined) {
         </tr>
       </thead>
       <tbody>
-        <th scope='row'></th>
         <tr v-if='fetched'>
           <td>{{ AllSumList?.category_id }}</td>
           <td>{{ AllSumList?.category_name }}</td>
@@ -273,7 +272,7 @@ if (asyncData.data.value != undefined) {
         </tr>
       </thead>
       <tbody>
-        <tr v-for='income in incomeList'>
+        <tr v-for='income in incomeList' :key=income.id>
           <td>{{ income.category_id }}</td>
           <td>{{ income.category_name }}</td>
           <td>
@@ -384,7 +383,7 @@ if (asyncData.data.value != undefined) {
         </tr>
       </thead>
       <tbody>
-        <tr v-for='outgoing in outgoingList'>
+        <tr v-for='outgoing in outgoingList' :key=outgoing.id>
           <td>{{ outgoing.category_id }}</td>
           <td>{{ outgoing.category_name }}</td>
           <td>
@@ -495,7 +494,7 @@ if (asyncData.data.value != undefined) {
         </tr>
       </thead>
       <tbody>
-        <tr v-for='invest in investList'>
+        <tr v-for='invest in investList' :key=invest.id>
           <td>{{ invest.category_id }}</td>
           <td>{{ invest.category_name }}</td>
           <td>