SponsorPlans を SponsorPlan に名前変更してファイルに切り出した

Author: ryamakuchi

src/components/TheSponsorListSection.vue

@@ -37,7 +37,8 @@
 
 <script lang="ts">
 import { Component, Getter, Vue } from 'nuxt-property-decorator'
-import { SponsorList, SponsorPlans } from '~/types/sponsors'
+import SponsorList from '~/types/sponsors'
+import SponsorPlan from '~/types/sponsorPlan'
 import BaseSection from '~/components/BaseSection.vue'
 
 @Component({
@@ -50,7 +51,7 @@ export default class TheSponsorListSection extends Vue {
   private sponsorsByPlan!: (plan: string) => SponsorList[]
 
   @Getter('sponsorPlansHavingSponsors', { namespace: 'sponsors' })
-  private sponsorPlansHavingSponsors!: SponsorPlans[]
+  private sponsorPlansHavingSponsors!: SponsorPlan[]
 }
 </script>
 

src/pages/sponsors.vue

@@ -79,7 +79,8 @@
 
 <script lang="ts">
 import { Component, Getter, Vue } from 'nuxt-property-decorator'
-import { SponsorList, SponsorPlans } from '~/types/sponsors'
+import SponsorList from '~/types/sponsors'
+import SponsorPlan from '~/types/sponsorPlan'
 import BaseMain from '~/components/BaseMain.vue'
 import BaseButton from '~/components/BaseButton.vue'
 
@@ -94,7 +95,7 @@ export default class SponsorsPage extends Vue {
   private sponsorsByPlan!: (plan: string) => SponsorList[]
 
   @Getter('sponsorPlansHavingSponsors', { namespace: 'sponsors' })
-  private sponsorPlansHavingSponsors!: SponsorPlans[]
+  private sponsorPlansHavingSponsors!: SponsorPlan[]
 
   private head() {
     const url = 'https://vuefes.jp/2019/sponsors/'

src/store/sponsors.ts

@@ -1,16 +1,17 @@
 import { Getters, Mutations, Actions } from '~/types/store'
-import { SponsorList, SponsorPlans } from '~/types/sponsors'
+import SponsorList from '~/types/sponsors'
+import SponsorPlan from '~/types/sponsorPlan'
 import { getSponsors } from '~/plugins/contentful'
 
 namespace Sponsors {
   export type State = {
     sponsors: SponsorList[]
-    sponsorPlans: SponsorPlans[]
+    sponsorPlans: SponsorPlan[]
   }
 
   export type Getters = {
     sponsorsByPlan: (plan: string) => SponsorList[]
-    sponsorPlansHavingSponsors: SponsorPlans[]
+    sponsorPlansHavingSponsors: SponsorPlan[]
   }
 
   export type Mutations = {

src/types/sponsorPlan.ts

@@ -0,0 +1,4 @@
+export default interface SponsorPlan {
+  plan: string
+  name: string
+}

src/types/sponsors.ts

@@ -11,8 +11,3 @@ export default interface Sponsor {
     appliedAt: string
   }
 }
-
-export interface SponsorPlans {
-  plan: string
-  name: string
-}

test/unit/specs/store/sponsors.spec.ts

@@ -1,6 +1,6 @@
 import sponsorList from '../../../fixtures/contentful/sponsors'
 import * as contentful from '~/plugins/contentful'
-import { SponsorPlans } from '~/types/sponsors'
+import SponsorPlan from '~/types/sponsorPlan'
 import {
   state as initialState,
   getters,
@@ -22,7 +22,7 @@ describe('sponsors module', () => {
       })
 
       test('plan と一致するスポンサー情報のみ取得できる', () => {
-        const platinumSponsor: SponsorPlans = sponsorList[2]
+        const platinumSponsor: SponsorPlan = sponsorList[2]
         expect(getters.sponsorsByPlan(state)('platinum')[0]).toEqual(
           platinumSponsor
         )