perf: 🍻 make prettier printwidth to 120

Author: chantouchsek

.prettierrc

@@ -3,5 +3,6 @@
   "trailingComma": "all",
   "semi": false,
   "endOfLine": "auto",
-  "singleQuote": true
+  "singleQuote": true,
+  "printWidth": 120
 }

README.md

@@ -430,12 +430,7 @@ It can be called by `this.$errors.**`
 
 ```vue
 <template>
-  <v-form
-    v-model="valid"
-    lazy-validation
-    @keydown.native="$errors.onKeydown"
-    @submit.prevent="submit"
-  >
+  <v-form v-model="valid" lazy-validation @keydown.native="$errors.onKeydown" @submit.prevent="submit">
     <v-container>
       <v-row>
         <v-col cols="12" md="4">
@@ -458,13 +453,7 @@ It can be called by `this.$errors.**`
           />
         </v-col>
         <v-col cols="12" md="4">
-          <v-text-field
-            v-model="email"
-            :counter="10"
-            label="Email"
-            required
-            :error-messages="$errors.first('email')"
-          />
+          <v-text-field v-model="email" :counter="10" label="Email" required :error-messages="$errors.first('email')" />
         </v-col>
         <v-col cols="12" md="4">
           <v-text-field v-model="email" label="E-mail" required />

src/__tests__/base-service.test.ts

@@ -89,10 +89,7 @@ describe('BaseService', () => {
       { first_name: 'Chantouch', last_name: 'Sek', id: 2 },
     ]
     mockAdapter.onGet('/posts?id=1&first_name=Dara').reply(200, { data: items })
-    const { data } = await service
-      .setParameter('id', 1)
-      .setParameters({ first_name: 'Dara' })
-      .all()
+    const { data } = await service.setParameter('id', 1).setParameters({ first_name: 'Dara' }).all()
     expect(data).toEqual(items)
   })
 
@@ -110,9 +107,7 @@ describe('BaseService', () => {
       pc: null,
     })
     const items = [user2, { first_name: 'Chantouch', last_name: 'Sek', id: 2 }]
-    mockAdapter
-      .onGet('/posts?id=1&last_name=Hok&search[name]=hello&first_name=Dara')
-      .reply(200, { data: items })
+    mockAdapter.onGet('/posts?id=1&last_name=Hok&search[name]=hello&first_name=Dara').reply(200, { data: items })
     const { data } = await service
       .setParameter('id=1&last_name=Hok&search[name]=hello')
       .setParameters({ first_name: 'Dara' })
@@ -148,18 +143,13 @@ describe('BaseService', () => {
       { first_name: 'Dara', last_name: 'Hok', id: 1 },
       { first_name: 'Chantouch', last_name: 'Sek', id: 2 },
     ]
-    mockAdapter
-      .onGet('/posts?search[id]=1&first_name=Dara')
-      .reply(200, { data: items })
+    mockAdapter.onGet('/posts?search[id]=1&first_name=Dara').reply(200, { data: items })
     const params = {
       search: { id: 1 },
       first_name: 'Dara',
       last_name: 'Hok',
     }
-    const { data } = await service
-      .setParameters(params)
-      .removeParameters(['last_name'])
-      .all()
+    const { data } = await service.setParameters(params).removeParameters(['last_name']).all()
     expect(data).toEqual(items)
     expect(service.parameters).toEqual({
       search: { id: 1 },
@@ -266,12 +256,7 @@ describe('BaseService', () => {
       expect(request.data.get('files[0]')).toEqual(file)
       expect(request.data.get('__proto__')).toEqual(null)
 
-      expect(getFormDataKeys(request.data)).toEqual([
-        'field1[foo]',
-        'field1[bar]',
-        'field2',
-        'files[0]',
-      ])
+      expect(getFormDataKeys(request.data)).toEqual(['field1[foo]', 'field1[bar]', 'field2', 'files[0]'])
       return [200, {}]
     })
 
@@ -359,7 +344,5 @@ describe('BaseService', () => {
 
 function getFormDataKeys(formData: any) {
   // This is because the FormData.keys() is missing from the jsdom implementations.
-  return formData[Object.getOwnPropertySymbols(formData)[0]]._entries.map(
-    (e: any) => e.name,
-  )
+  return formData[Object.getOwnPropertySymbols(formData)[0]]._entries.map((e: any) => e.name)
 }

src/__tests__/validator.test.ts

@@ -33,9 +33,7 @@ describe('Validator', () => {
   test('Check if error has "name" key.', () => {
     validator.add('name', 'The name field is required.')
     expect(validator.has('name')).toBeTruthy()
-    expect(validator.first(['name', 'form.name'])).toBe(
-      'The name field is required.',
-    )
+    expect(validator.first(['name', 'form.name'])).toBe('The name field is required.')
   })
   test('Check if has error by multi key', () => {
     validator.add('name', 'The name field is required.')
@@ -202,9 +200,7 @@ describe('Validator', () => {
       age: ['This age field is required'],
     }
 
-    expect(validator.firstBy(errors, 'age')).toEqual(
-      'This age field is required',
-    )
+    expect(validator.firstBy(errors, 'age')).toEqual('This age field is required')
   })
 
   it('get first by without any field', () => {
@@ -214,9 +210,7 @@ describe('Validator', () => {
       age: ['This age field is required'],
     }
 
-    expect(validator.firstBy(errors)).toEqual(
-      'This fist name field is required',
-    )
+    expect(validator.firstBy(errors)).toEqual('This fist name field is required')
   })
 
   it('get first array by nested array', () => {
@@ -230,8 +224,6 @@ describe('Validator', () => {
     const errors = { name: [{ kh: ['This fist name field is required'] }] }
     validator.fill(errors)
 
-    expect(validator.first(['name[0].kh'])).toEqual(
-      'This fist name field is required',
-    )
+    expect(validator.first(['name[0].kh'])).toEqual('This fist name field is required')
   })
 })

src/core/BaseService.ts

@@ -1,10 +1,4 @@
-import type {
-  AxiosError,
-  AxiosInstance,
-  AxiosResponse,
-  Method,
-  AxiosRequestConfig,
-} from 'axios'
+import type { AxiosError, AxiosInstance, AxiosResponse, Method, AxiosRequestConfig } from 'axios'
 import type { Errors } from '..'
 import Validator from './Validator'
 import { hasFiles, objectToFormData, removeDoubleSlash } from '../util'
@@ -92,19 +86,12 @@ class BaseService {
     return this.delete<T>(id)
   }
 
-  submit<T = any>(
-    method: Method,
-    parameter?: string | number,
-    form?: T,
-    config?: AxiosRequestConfig,
-  ): Promise<T> {
+  submit<T = any>(method: Method, parameter?: string | number, form?: T, config?: AxiosRequestConfig): Promise<T> {
     BaseService.__validateRequestType(method)
     this.beforeSubmit()
     return new Promise((resolve, reject) => {
       const data = hasFiles(form) ? objectToFormData(form) : form
-      const endpoint = parameter
-        ? `/${this.endpoint}/${parameter}`
-        : `/${this.endpoint}`
+      const endpoint = parameter ? `/${this.endpoint}/${parameter}` : `/${this.endpoint}`
       const url = this.__getParameterString(removeDoubleSlash(endpoint))
       config = Object.assign({}, config, { url, data, method })
       this.$http(config)
@@ -155,8 +142,7 @@ class BaseService {
     ]
     if (!requestTypes.includes(requestType)) {
       throw new Error(
-        `\`${requestType}\` is not a valid request type, ` +
-          `must be one of: \`${requestTypes.join('`, `')}\`.`,
+        `\`${requestType}\` is not a valid request type, ` + `must be one of: \`${requestTypes.join('`, `')}\`.`,
       )
     }
     return requestType

src/core/Validator.ts

@@ -1,4 +1,4 @@
-import { cloneDeep, get, has, isArray, omit } from 'lodash'
+import { cloneDeep, get, has, omit } from 'lodash'
 import { is, toCamelCase, toSnakeCase } from '../util'
 
 class Validator {

src/util/formData.ts

@@ -1,10 +1,6 @@
 import { hasOwnProperty, isArray, isFile } from './objects'
 
-export function objectToFormData(
-  object: any,
-  formData = new FormData(),
-  parent = '',
-): FormData {
+export function objectToFormData(object: any, formData = new FormData(), parent = ''): FormData {
   if (object === null || object === 'undefined' || object.length === 0) {
     formData.append(parent, object)
   } else {

src/util/objects.ts

@@ -8,18 +8,12 @@ export function hasOwnProperty(obj: any, key: any) {
 }
 
 export function isFile(object: any): boolean {
-  if (
-    typeof window === 'undefined' ||
-    typeof File !== 'function' ||
-    typeof FileList !== 'function'
-  ) {
+  if (typeof window === 'undefined' || typeof File !== 'function' || typeof FileList !== 'function') {
     return false
   }
   return object instanceof File || object instanceof FileList
 }
 
 export function is(errors: any, error: any): boolean {
-  return isArray(error)
-    ? error.some((w: string) => is(errors, w))
-    : errors.includes(error)
+  return isArray(error) ? error.some((w: string) => is(errors, w)) : errors.includes(error)
 }

tsconfig.json

@@ -2,16 +2,7 @@
   "compilerOptions": {
     "target": "ES2021",
     "module": "CommonJS",
-    "lib": [
-      "ES5",
-      "ES6",
-      "ES2015",
-      "ES2016",
-      "ES2017",
-      "ES2018",
-      "ESNext",
-      "DOM"
-    ],
+    "lib": ["ES5", "ES6", "ES2015", "ES2016", "ES2017", "ES2018", "ESNext", "DOM"],
     "moduleResolution": "Node",
     "esModuleInterop": true,
     "strict": true,