refactor: 💡 型の命名がローワーキャメルケースだったのでアッパーキャメルケースに修正した

components/unite-attacks-list/AttacksList.tsx

@@ -1,20 +1,20 @@
 import type { NextPage } from 'next'
 import useTranslation from 'next-translate/useTranslation'
 
-type attack = {
+type Attack = {
   id: number
   name: string
   name_en: string
   character_names: string
   page_annotation: string
 }
 
-type apiResponse = {
-  [key: string]: attack[]
+type ApiResponse = {
+  [key: string]: Attack[]
 }
 
 type Props = {
-  apiResponse: apiResponse
+  apiResponse: ApiResponse
 }
 
 export const AttacksList: NextPage<Props> = ({ apiResponse }) => {
@@ -33,7 +33,7 @@ export const AttacksList: NextPage<Props> = ({ apiResponse }) => {
             <div>
               <div className="pb-8 max-w-md">
                 <ul className="list text-left pl-24 pr-24 max-w-md">
-                  {apiResponse[title].map((attack: attack) => {
+                  {apiResponse[title].map((attack: Attack) => {
                     return (
                       <li key={attack.id} className="pb-4">
                         <span>

pages/unite-attacks-list.tsx

@@ -10,21 +10,21 @@ import { SiteFooter } from '@/components/common/SiteFooter'
 
 import { AttacksList } from '@/components/unite-attacks-list/AttacksList'
 
-type attack = {
+type Attack = {
   id: number
   name: string
   name_en: string
   character_names: string
   page_annotation: string
 }
 
-type apiResponse = {
-  [key: string]: attack[]
+type ApiResponse = {
+  [key: string]: Attack[]
 }
 
 const UniteAttacksList: NextPage = () => {
   const [nowLoading, setNowLoading] = useState(true)
-  const [apiResponse, setApiResponse] = useState<apiResponse>({})
+  const [apiResponse, setApiResponse] = useState<ApiResponse>({})
 
   // TODO: 開発サーバが動的に使えるように環境変数で定義する
   const apiUrl = 'https://headquarters.suikoden.info/unite_attacks?title=all'