style: change prettier config (#749)

nogic1008 · web-flow · commit c95412fa092e · 2023-02-11T03:39:33.000Z
* style: change prettier config

* style: fix format
diff --git a/.prettierrc.json b/.prettierrc.json
@@ -1,6 +1,6 @@
 {
-  "arrowParens": "always",
+  "arrowParens": "avoid",
   "semi": false,
   "singleQuote": true,
-  "trailingComma": "none"
+  "trailingComma": "es5"
 }
diff --git a/__tests__/app.test.ts b/__tests__/app.test.ts
@@ -7,7 +7,7 @@ describe('app.vue', () => {
   test('renders correctly', () => {
     // Arrange - Act
     const wrapper = mount(App, {
-      global: { stubs: { Navbar: true, NuxtPage: true } }
+      global: { stubs: { Navbar: true, NuxtPage: true } },
     })
 
     // Assert
diff --git a/__tests__/components/Navbar.test.ts b/__tests__/components/Navbar.test.ts
@@ -8,7 +8,7 @@ import { plugins } from '../test-utils'
 describe('components/Navbar.vue', () => {
   const global = {
     plugins,
-    stubs: { NuxtLink: RouterLinkStub, SearchBox: true }
+    stubs: { NuxtLink: RouterLinkStub, SearchBox: true },
   }
 
   test('renders correctly', () => {
diff --git a/__tests__/components/SearchBox.test.ts b/__tests__/components/SearchBox.test.ts
@@ -13,7 +13,7 @@ describe('components/SearchBox.vue', () => {
     { slug: 'boys-smiledk', name: 'BOYS', artist: 'smile. dk' },
     { slug: 'butterfly', name: 'butterfly', artist: 'smile. dk' },
     { slug: 'little-bitch', name: 'LITTLE BITCH', artist: 'THE SPECIALS' },
-    { slug: 'my-fire', name: 'MY FIRE', artist: 'X-TREME' }
+    { slug: 'my-fire', name: 'MY FIRE', artist: 'X-TREME' },
   ]
   beforeEach(() => {
     vi.mocked(useSongList).mockResolvedValue({ songs: ref(songs) } as any)
diff --git a/__tests__/components/content/Charts.test.ts b/__tests__/components/content/Charts.test.ts
@@ -11,8 +11,8 @@ describe('components/content/Charts.vue', () => {
       props: {
         difficulties: mockSoftware.difficulties,
         charts: '0,1,2,3',
-        levels: '1,2,3,4'
-      }
+        levels: '1,2,3,4',
+      },
     })
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/__tests__/components/content/Level.test.ts b/__tests__/components/content/Level.test.ts
@@ -7,7 +7,7 @@ describe('components/content/Level.vue', () => {
   test('renders series link', () => {
     const wrapper = mount(Level, {
       global: { stubs: { NuxtLink: RouterLinkStub } },
-      props: { slug: '1st-jp', level: 5 }
+      props: { slug: '1st-jp', level: 5 },
     })
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/__tests__/components/content/Prose.test.ts b/__tests__/components/content/Prose.test.ts
@@ -17,7 +17,7 @@ describe('components/content/', () => {
       const wrapper = mount(ProseA, {
         global,
         slots: { default: 'Link' },
-        props: { href: '/songs' }
+        props: { href: '/songs' },
       })
       expect(wrapper.element).toMatchSnapshot()
     })
@@ -28,7 +28,7 @@ describe('components/content/', () => {
       const wrapper = mount(ProseH2, {
         global,
         slots: { default: 'Header2' },
-        props: { id: 'Header2' }
+        props: { id: 'Header2' },
       })
       expect(wrapper.element).toMatchSnapshot()
     })
@@ -39,7 +39,7 @@ describe('components/content/', () => {
       const wrapper = mount(ProseH3, {
         global,
         slots: { default: 'Header3' },
-        props: { id: 'Header3' }
+        props: { id: 'Header3' },
       })
       expect(wrapper.element).toMatchSnapshot()
     })
@@ -56,7 +56,7 @@ describe('components/content/', () => {
     test('renders <table>', () => {
       const wrapper = mount(ProseTable, {
         global,
-        slots: { default: 'Content' }
+        slots: { default: 'Content' },
       })
       expect(wrapper.element).toMatchSnapshot()
     })
diff --git a/__tests__/components/content/SeriesList.test.ts b/__tests__/components/content/SeriesList.test.ts
@@ -7,7 +7,7 @@ describe('components/content/SeriesList.vue', () => {
   test('renders series link', () => {
     const wrapper = mount(SeriesList, {
       global: { stubs: { NuxtLink: RouterLinkStub } },
-      props: { series: ['1st-jp', 'gb', 'us'] }
+      props: { series: ['1st-jp', 'gb', 'us'] },
     })
     expect(wrapper.element).toMatchSnapshot()
   })
diff --git a/__tests__/content/series.test.ts b/__tests__/content/series.test.ts
@@ -12,12 +12,12 @@ import seriesList from '~~/content/series/.seriesList.json'
 const dirpath = './content/series'
 
 describe('content/series/', async () => {
-  const fileNames = (await readdir(dirpath)).filter((s) => s[0] !== '.')
+  const fileNames = (await readdir(dirpath)).filter(s => s[0] !== '.')
 
-  describe.each(fileNames)('%s', async (fileName) => {
+  describe.each(fileNames)('%s', async fileName => {
     const slug = basename(fileName, '.md')
     const markdownString = await readFile(`${dirpath}/${fileName}`, {
-      encoding: 'utf8'
+      encoding: 'utf8',
     })
     const mdcContent = load(
       markdownString.match(/^-{3}(.+)-{3}$/ms)![1]
@@ -49,7 +49,7 @@ describe('content/series/', async () => {
           'is-difficult',
           'is-expert',
           'is-challenge',
-          'is-unknown'
+          'is-unknown',
         ]).toContain(element.class)
       }
     })
diff --git a/__tests__/content/songs.test.ts b/__tests__/content/songs.test.ts
@@ -11,11 +11,11 @@ import seriesList from '~~/content/series/.seriesList.json'
 const dirpath = './content/songs'
 
 describe('content/songs/', async () => {
-  const fileNames = (await readdir(dirpath)).filter((s) => s[0] !== '.')
+  const fileNames = (await readdir(dirpath)).filter(s => s[0] !== '.')
 
-  describe.each(fileNames)('%s', async (fileName) => {
+  describe.each(fileNames)('%s', async fileName => {
     const markdownString = await readFile(`${dirpath}/${fileName}`, {
-      encoding: 'utf8'
+      encoding: 'utf8',
     })
     const mdcContent = load(
       markdownString.match(/^-{3}(.+)-{3}$/ms)![1]
diff --git a/__tests__/pages/series/[id].test.ts b/__tests__/pages/series/[id].test.ts
@@ -14,15 +14,15 @@ describe('pages/series/[id].vue', () => {
 
   beforeAll(() => {
     vi.mocked(useRoute).mockReturnValue({
-      params: { id: mockSoftware.slug }
+      params: { id: mockSoftware.slug },
     } as any)
   })
 
   describe('snapshot test', () => {
     test('renders correctly', async () => {
       // Arrange
       vi.mocked(useSoftwareData).mockResolvedValue({
-        software: ref(mockSoftware)
+        software: ref(mockSoftware),
       })
 
       // Act
diff --git a/__tests__/pages/songs/[id].test.ts b/__tests__/pages/songs/[id].test.ts
@@ -14,7 +14,7 @@ describe('pages/songs/[id].vue', () => {
 
   beforeAll(() => {
     vi.mocked(useRoute).mockReturnValue({
-      params: { id: mockSong.slug }
+      params: { id: mockSong.slug },
     } as any)
   })
 
diff --git a/__tests__/pages/songs/index.test.ts b/__tests__/pages/songs/index.test.ts
@@ -16,15 +16,15 @@ describe('pages/songs/index.vue', () => {
       name: 'AM-3P',
       artist: 'KTz',
       bpm: 130,
-      series: ['2nd']
+      series: ['2nd'],
     },
     {
       slug: 'paranoia',
       name: 'PARANOiA',
       artist: '180',
       bpm: 180,
-      series: ['1st-jp', '2nd']
-    }
+      series: ['1st-jp', '2nd'],
+    },
   ] as Awaited<ReturnType<typeof useSongList>>['songs']['value']
   const global = { plugins, stubs: { NuxtLink: RouterLinkStub, Series: true } }
 
diff --git a/__tests__/stubWindow.ts b/__tests__/stubWindow.ts
@@ -2,14 +2,14 @@ import { vi } from 'vitest'
 
 Object.defineProperty(window, 'matchMedia', {
   writable: true,
-  value: vi.fn().mockImplementation((query) => ({
+  value: vi.fn().mockImplementation(query => ({
     matches: false,
     media: query,
     onchange: null,
     addListener: vi.fn(), // Deprecated
     removeListener: vi.fn(), // Deprecated
     addEventListener: vi.fn(),
     removeEventListener: vi.fn(),
-    dispatchEvent: vi.fn()
-  }))
+    dispatchEvent: vi.fn(),
+  })),
 })
diff --git a/__tests__/test-utils.ts b/__tests__/test-utils.ts
@@ -5,7 +5,7 @@ import type { DefineComponent, Plugin } from 'vue'
 import { defineComponent, h, Suspense } from 'vue'
 
 export const plugins: (Plugin | [Plugin, ...unknown[]])[] = [
-  [Oruga, bulmaConfig]
+  [Oruga, bulmaConfig],
 ]
 
 export const mountAsync = async <T extends DefineComponent<{}, {}, {}, any>>(
@@ -19,9 +19,9 @@ export const mountAsync = async <T extends DefineComponent<{}, {}, {}, any>>(
       render() {
         return h(Suspense, null, {
           default: h(component, options?.props),
-          fallback: h('div', 'fallback')
+          fallback: h('div', 'fallback'),
         })
-      }
+      },
     }),
     mountOptions
   )
@@ -42,10 +42,10 @@ export const mockSoftware: Awaited<
     0: { name: 'NORMAL', class: 'is-basic' },
     1: { name: 'BASIC', class: 'is-basic' },
     2: { name: 'ANOTHER', class: 'is-difficult' },
-    3: { name: 'MANIAC', class: 'is-expert' }
+    3: { name: 'MANIAC', class: 'is-expert' },
   },
   body: '',
-  _id: 'content:series:1st-jp.md'
+  _id: 'content:series:1st-jp.md',
 }
 
 export const mockSoftwareList: Awaited<
@@ -56,15 +56,15 @@ export const mockSoftwareList: Awaited<
     title: 'Dance Dance Revolution',
     platform: 'Play Station',
     region: 'JP',
-    launched: '1999-04-10'
+    launched: '1999-04-10',
   },
   {
     slug: '2nd',
     title: 'Dance Dance Revolution 2nd ReMIX',
     platform: 'Play Station',
     region: 'JP',
-    launched: '1999-08-26'
-  }
+    launched: '1999-08-26',
+  },
 ]
 
 export const mockSong: Awaited<
@@ -76,5 +76,5 @@ export const mockSong: Awaited<
   bpm: 135,
   series: ['1st-jp'],
   body: '',
-  _id: 'content:series:1st-jp.md'
+  _id: 'content:series:1st-jp.md',
 }
diff --git a/app.vue b/app.vue
@@ -10,6 +10,6 @@
 
 <script lang="ts" setup>
 useHead({
-  titleTemplate: (title) => (title ? `${title} - Consumer DDR` : 'Consumer DDR')
+  titleTemplate: title => (title ? `${title} - Consumer DDR` : 'Consumer DDR'),
 })
 </script>
diff --git a/assets/css/_colors.scss b/assets/css/_colors.scss
@@ -11,7 +11,7 @@ $custom-colors: (
   'difficult': #f36,
   'expert': #6c0,
   'challenge': #93c,
-  'unknown': #999
+  'unknown': #999,
 ) !default;
 
 // Setup $colors to use as bulma classes (e.g. 'is-twitter')
diff --git a/components/SearchBox.vue b/components/SearchBox.vue
@@ -24,7 +24,7 @@ const { songs } = await useSongList('/searchbox', 'slug', 'name', 'artist')
 const filtered = computed(() =>
   term.value
     ? songs.value.filter(
-        (s) =>
+        s =>
           s.name.toLowerCase().includes(term.value.toLowerCase()) ||
           s.artist.toLowerCase().includes(term.value.toLowerCase())
       )
diff --git a/components/content/Charts.vue b/components/content/Charts.vue
@@ -24,6 +24,6 @@ interface Props {
 const _prop = defineProps<Props>()
 const splitedLevels = computed(() => _prop.levels.split(','))
 const splitedCharts = computed(() =>
-  _prop.charts.split(',').map((s) => parseInt(s, 10))
+  _prop.charts.split(',').map(s => parseInt(s, 10))
 )
 </script>
diff --git a/components/content/Level.vue b/components/content/Level.vue
@@ -6,7 +6,7 @@
         class="tag"
         :style="{
           backgroundColor: series.backgroundColor,
-          color: series.color
+          color: series.color,
         }"
       >
         <span :title="series.title">{{ slug }}</span>
diff --git a/composables/useSoftwareData.ts b/composables/useSoftwareData.ts
@@ -10,7 +10,7 @@ export const platforms = [
   'Play Station 2',
   'Dreamcast',
   'GAME BOY COLOR',
-  'Wii'
+  'Wii',
 ] as const
 
 export interface Software {
diff --git a/composables/useSoftwareList.ts b/composables/useSoftwareList.ts
@@ -13,7 +13,7 @@ export default async function () {
         'title',
         'platform',
         'region',
-        'launched'
+        'launched',
       ])
       .find()
   )
diff --git a/nuxt.config.ts b/nuxt.config.ts
diff --git a/pages/songs/index.vue b/pages/songs/index.vue
diff --git a/vitest.config.ts b/vitest.config.ts

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "arrowParens": "always",`
	`2`	`+ "arrowParens": "avoid",`
`3`	`3`	`"semi": false,`
`4`	`4`	`"singleQuote": true,`
`5`		`- "trailingComma": "none"`
	`5`	`+ "trailingComma": "es5"`
`6`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ import { plugins } from '../test-utils'`
`8`	`8`	`describe('components/Navbar.vue', () => {`
`9`	`9`	`const global = {`
`10`	`10`	`plugins,`
`11`		`- stubs: { NuxtLink: RouterLinkStub, SearchBox: true }`
	`11`	`+ stubs: { NuxtLink: RouterLinkStub, SearchBox: true },`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`test('renders correctly', () => {`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ describe('components/SearchBox.vue', () => {`
`13`	`13`	`{ slug: 'boys-smiledk', name: 'BOYS', artist: 'smile. dk' },`
`14`	`14`	`{ slug: 'butterfly', name: 'butterfly', artist: 'smile. dk' },`
`15`	`15`	`{ slug: 'little-bitch', name: 'LITTLE BITCH', artist: 'THE SPECIALS' },`
`16`		`- { slug: 'my-fire', name: 'MY FIRE', artist: 'X-TREME' }`
	`16`	`+ { slug: 'my-fire', name: 'MY FIRE', artist: 'X-TREME' },`
`17`	`17`	`]`
`18`	`18`	`beforeEach(() => {`
`19`	`19`	`vi.mocked(useSongList).mockResolvedValue({ songs: ref(songs) } as any)`