Merge pull request #320 from vuejs-jp/fix/lint-error

リントエラーを修正

Author: jiyuujin

.eslintrc.js

@@ -11,7 +11,6 @@ module.exports = {
     parser: '@typescript-eslint/parser',
   },
   rules: {
-    indent: ['error', 2],
     quotes: ['error', 'single'],
     semi: ['error', 'never'],
     'object-curly-spacing': ['error', 'always'],

.stylelintrc.js

@@ -1,5 +1,5 @@
 module.exports = {
-  extends: ['stylelint-config-standard'],
+  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
   overrides: [
     {
       files: ['**/*.vue'],

.vscode/settings.json

@@ -25,5 +25,6 @@
     "titleBar.activeForeground": "#a5a5a5",
     "titleBar.inactiveBackground": "#35495e",
     "titleBar.inactiveForeground": "#a5a5a5"
-  }
+  },
+  "scss.lint.unknownAtRules": "ignore"
 }

app/components/StorePageSection.vue

@@ -63,7 +63,7 @@ import {
   </section>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .paragraph {
   @apply text-sm leading-7 lg:text-lg lg:leading-8 text-vue-blue
 }

app/components/TimetablePageSection.vue

@@ -280,7 +280,7 @@ import ExplainText from '~/components/ExplainText.vue'
               </div>
             </TrackLabel>
             <TrackLabel
-              class="speaker-track-label md:centering"
+              class="md:flex md:justify-center md:items-center speaker-track-label"
               :track-index="1"
             >
               <nuxt-link
@@ -319,7 +319,7 @@ import ExplainText from '~/components/ExplainText.vue'
 
             <p class="row-span-2 timeslot">15:10 - 15:55</p>
             <TrackLabel
-              class="row-span-2 speaker-track-label md:centering"
+              class="row-span-2 md:flex md:justify-center md:items-center speaker-track-label"
               :track-index="0"
             >
               <nuxt-link
@@ -370,7 +370,7 @@ import ExplainText from '~/components/ExplainText.vue'
             </TrackLabel>
 
             <TrackLabel
-              class="row-span-5 h-full speaker-track-label md:centering"
+              class="row-span-5 h-full md:flex md:justify-center md:items-center speaker-track-label"
               :track-index="2"
             >
               <div>
@@ -516,16 +516,12 @@ import ExplainText from '~/components/ExplainText.vue'
   </section>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 .timeslot {
   @apply text-lg xl:text-23 text-white text-center bg-timetable-timeslot col-span-3 md:col-span-1 min-h-10 pt-1.5 md:pt-[29px];
 }
 
 .speaker-track-label {
   @apply col-span-3 md:col-span-1;
 }
-
-.md\:centering {
-  @apply md:flex md:justify-center md:items-center
-}
 </style>

app/components/TopPageSection.vue

@@ -19,7 +19,10 @@
             {{ eventDate }}
           </p>
         </div>
-        <p v-if="LIVE_YOUTUBE" class="text-[5.7vw] font-bold text-center text-vue-blue md:text-[2.5rem]">
+        <p
+          v-if="LIVE_YOUTUBE"
+          class="text-[5.7vw] font-bold text-center text-vue-blue md:text-[2.5rem]"
+        >
           {{ streamingNow }}
         </p>
         <div class="flex flex-wrap gap-x-[3.125rem] gap-y-4 justify-center mt-4 mb-12 md:gap-y-7 lg:gap-y-7 lg:mt-6">

app/components/speakers/SpeakerLTSection.vue

@@ -5,7 +5,7 @@ import LinkButtonField from '~/components/forms/LinkButtonField.vue'
 
 <template>
   <section class="p-4 border border-vue-blue md:px-10 lg:py-10 lg:px-20">
-    <h3 class="mx-auto -mt-[2.0rem] mb-6 w-[14.375rem] text-xl font-bold text-center text-vue-blue md:mb-8 lg:-mt-[3.6rem] lg:mb-14 lg:w-[26.875rem] lg:text-4xl bg-img">
+    <h3 class="mx-auto mt-[-2.0rem] mb-6 w-[14.375rem] text-xl font-bold text-center text-vue-blue md:mb-8 lg:mt-[-3.6rem] lg:mb-14 lg:w-[26.875rem] lg:text-4xl bg-img">
       LT募集について
     </h3>
     <p class="mb-8 text-sm leading-7 text-vue-blue lg:mb-12 lg:text-lg lg:leading-8">

app/utils/constants.ts

@@ -26,22 +26,22 @@ export const tracks = [
     name: 'メドピアトラック',
     hashTag: '#vuefes_medpeer',
     url: 'https://www.youtube.com/watch?v=HsBTx36c_kA',
-    bgClass: 'bg-track-a'
+    bgClass: 'bg-track-a',
   },
   {
     id: 2,
     name: 'FUTURE トラック',
     hashTag: '#vuefes_future',
     url: 'https://www.youtube.com/watch?v=dtD4p89ogKM',
-    bgClass: 'bg-track-b'
+    bgClass: 'bg-track-b',
   },
   {
     id: 3,
     name: 'クラウドサイントラック',
     hashTag: '#vuefes_cloudsign',
     url: 'https://www.youtube.com/watch?v=eOJZ_3W4kaQ',
-    bgClass: 'bg-track-c'
-  }
+    bgClass: 'bg-track-c',
+  },
 ]
 
 export const message1 =

app/utils/sponsors.constants.ts

@@ -3,24 +3,24 @@ import { ISponsor, Rank } from '~/types/sponsors'
 
 export const sponsorSupportLevelTitle = (rank: Rank) => {
   switch (rank) {
-  case 'platinum':
-    return 'Platinum'
-  case 'gold':
-    return 'Gold'
-  case 'silver':
-    return 'Silver'
-  case 'bronze':
-    return 'Bronze'
-  case 'media':
-    return 'Media'
-  case 'specialMedia':
-    return 'Special Media'
-  case 'streaming':
-    return 'Streaming'
-  case 'dinner':
-    return 'Dinner'
-  default:
-    const _missing: never = rank
-    return ''
+    case 'platinum':
+      return 'Platinum'
+    case 'gold':
+      return 'Gold'
+    case 'silver':
+      return 'Silver'
+    case 'bronze':
+      return 'Bronze'
+    case 'media':
+      return 'Media'
+    case 'specialMedia':
+      return 'Special Media'
+    case 'streaming':
+      return 'Streaming'
+    case 'dinner':
+      return 'Dinner'
+    default:
+      const _missing: never = rank
+      return ''
   }
 }

app/utils/timeslots.constants.ts

@@ -6,19 +6,19 @@ export const platinumSponsorSessions = [
         title: 'プラチナスポンサーセッション',
         subTitle: 'メドピア株式会社',
         sessionTitle: 'メドピアのサービスにおけるテスト戦略の過去と未来',
-        link: '/sponsor-sessions/medpeer'
+        link: '/sponsor-sessions/medpeer',
       },
       {
         title: 'プラチナスポンサーセッション',
         subTitle: 'FUTURE株式会社',
         sessionTitle: '業務システムでVue.jsを活用するための取り組み',
-        link: '/sponsor-sessions/future'
+        link: '/sponsor-sessions/future',
       },
       {
         title: 'プラチナスポンサーセッション',
         subTitle: 'クラウドサイン',
         sessionTitle: 'Design System Meets Vue.js',
-        link: '/sponsor-sessions/cloudsign'
+        link: '/sponsor-sessions/cloudsign',
       },
     ],
   },
@@ -31,20 +31,21 @@ export const goldSponsorSessions = [
       {
         title: 'ゴールドスポンサーセッション',
         subTitle: 'STORES 株式会社',
-        sessionTitle: 'プロダクト開発を止めずに Composition API と TypeScript に最速で移行するための戦い',
-        link: '/sponsor-sessions/stores'
+        sessionTitle:
+          'プロダクト開発を止めずに Composition API と TypeScript に最速で移行するための戦い',
+        link: '/sponsor-sessions/stores',
       },
       {
         title: 'ゴールドスポンサーセッション',
         subTitle: 'LINE株式会社',
         sessionTitle: 'LINE MUSIC のパフォーマンスを向上させた Vue3 マイグレーション',
-        link: '/sponsor-sessions/line'
+        link: '/sponsor-sessions/line',
       },
       {
         title: 'ゴールドスポンサーセッション',
         subTitle: '株式会社イエソド',
         sessionTitle: 'WebSockets with Vue.js',
-        link: '/sponsor-sessions/yesod'
+        link: '/sponsor-sessions/yesod',
       },
     ],
   },
@@ -55,19 +56,19 @@ export const goldSponsorSessions = [
         title: 'ゴールドスポンサーセッション',
         subTitle: 'グレープシティ株式会社',
         sessionTitle: 'Vue.jsのUIを強化するグレープシティのJavaScriptライブラリ',
-        link: '/sponsor-sessions/grapecity'
+        link: '/sponsor-sessions/grapecity',
       },
       {
         title: 'ゴールドスポンサーセッション',
         subTitle: '株式会社iCARE',
         sessionTitle: '急拡大中のヘルステックSaaSを支えるフロントエンド開発',
-        link: '/sponsor-sessions/icare'
+        link: '/sponsor-sessions/icare',
       },
       {
         title: 'ゴールドスポンサーセッション',
         subTitle: 'BASE株式会社',
         sessionTitle: 'BASEのフロントエンド組織の人数が2.5倍になって起きた変化',
-        link: '/sponsor-sessions/base'
+        link: '/sponsor-sessions/base',
       },
     ],
   },