Use default(y) prettier values

Author: afontcu

.prettierrc.js

@@ -1,10 +1,5 @@
 module.exports = {
-  bracketSpacing: true,
-  printWidth: 80,
   proseWrap: 'always',
   semi: false,
-  singleQuote: true,
-  tabWidth: 2,
-  trailingComma: 'es5',
-  useTabs: false,
+  singleQuote: true
 }

jest.config.js

@@ -2,22 +2,22 @@ module.exports = {
   moduleDirectories: ['node_modules', 'src'],
   moduleFileExtensions: ['js', 'vue'],
   moduleNameMapper: {
-    '@testing-library/vue': '<rootDir>/src/vue-testing-library.js',
+    '@testing-library/vue': '<rootDir>/src/vue-testing-library.js'
   },
   coverageDirectory: './coverage',
   collectCoverageFrom: [
     '**/src/**/*.js',
     '!**/tests/__tests__/**',
-    '!**/node_modules/**',
+    '!**/node_modules/**'
   ],
   testPathIgnorePatterns: [
     '/node_modules/',
     '<rootDir>/dist/',
-    '<rootDir>/tests/__tests__/components/',
+    '<rootDir>/tests/__tests__/components/'
   ],
   transform: {
     '^.+\\.js$': '<rootDir>/node_modules/babel-jest',
-    '.*\\.(vue)$': '<rootDir>/node_modules/vue-jest',
+    '.*\\.(vue)$': '<rootDir>/node_modules/vue-jest'
   },
-  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
+  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue']
 }

src/vue-testing-library.js

@@ -4,7 +4,7 @@ import {
   getQueriesForElement,
   prettyDOM,
   wait,
-  fireEvent,
+  fireEvent
 } from '@testing-library/dom'
 
 const mountedWrappers = new Set()
@@ -28,7 +28,7 @@ function render(
     const VueRouter = require('vue-router')
     localVue.use(VueRouter)
     router = new VueRouter({
-      routes,
+      routes
     })
   }
 
@@ -47,7 +47,7 @@ function render(
     store: vuexStore,
     attachToDocument: true,
     sync: false,
-    ...mountOptions,
+    ...mountOptions
   })
 
   mountedWrappers.add(wrapper)
@@ -70,7 +70,7 @@ function render(
       wrapper.setProps(_)
       return wait()
     },
-    ...getQueriesForElement(wrapper.element.parentNode),
+    ...getQueriesForElement(wrapper.element.parentNode)
   }
 }
 

tests/__mocks__/axios.js

@@ -1,3 +1,3 @@
 module.exports = {
-  get: jest.fn(() => Promise.resolve({ data: {} })),
+  get: jest.fn(() => Promise.resolve({ data: {} }))
 }

tests/__tests__/components/Button.vue

@@ -7,25 +7,25 @@ export default {
   props: {
     text: {
       type: String,
-      default: '',
+      default: ''
     },
     type: {
       validator: value => ['primary', 'secondary'].includes(value),
-      default: 'primary',
-    },
+      default: 'primary'
+    }
   },
   computed: {
     typeClass: function() {
       if (this.type) {
         return `button button--${this.type}`
       }
       return 'button'
-    },
+    }
   },
   methods: {
     handleClick(e) {
       this.$emit('click')
-    },
-  },
+    }
+  }
 }
 </script>

tests/__tests__/components/EndToEnd.vue

@@ -23,14 +23,14 @@ export default {
     return {
       loading: true,
       data: {
-        returnedMessage: null,
-      },
+        returnedMessage: null
+      }
     }
   },
   async mounted() {
     const data = await fetchAMessage()
     this.loading = false
     this.data = data
-  },
+  }
 }
 </script>

tests/__tests__/components/Fetch.vue

@@ -16,20 +16,20 @@ export default {
   props: {
     url: {
       type: String,
-      required: true,
-    },
+      required: true
+    }
   },
   data() {
     return {
-      data: null,
+      data: null
     }
   },
   methods: {
     fetch() {
       axios.get(this.url).then(response => {
         this.data = response.data
       })
-    },
-  },
+    }
+  }
 }
 </script>

tests/__tests__/components/Form.vue

@@ -58,13 +58,13 @@ export default {
       review: '',
       rating: '1',
       genre: 'Comedy',
-      recommend: false,
+      recommend: false
     }
   },
   computed: {
     submitDisabled() {
       return !this.title || !this.review
-    },
+    }
   },
   methods: {
     submit() {
@@ -75,9 +75,9 @@ export default {
         review: this.review,
         rating: this.rating,
         genre: this.genre,
-        recommend: this.recommend,
+        recommend: this.recommend
       })
-    },
-  },
+    }
+  }
 }
 </script>

tests/__tests__/components/NumberDisplay.vue

@@ -12,13 +12,13 @@ export default {
   props: {
     number: {
       type: Number,
-      required: true,
-    },
+      required: true
+    }
   },
   data() {
     return {
-      id: idCounter++,
+      id: idCounter++
     }
-  },
+  }
 }
 </script>

tests/__tests__/components/StopWatch.vue

@@ -13,7 +13,7 @@ export default {
     return {
       running: false,
       lapse: 0,
-      timer: null,
+      timer: null
     }
   },
   beforeDestroy() {
@@ -32,7 +32,7 @@ export default {
       }
 
       this.running = !this.running
-    },
-  },
+    }
+  }
 }
 </script>

tests/__tests__/components/Store/VuexTest.vue

@@ -14,11 +14,11 @@ import { mapActions, mapState } from 'vuex'
 
 export default {
   computed: {
-    ...mapState(['count']),
+    ...mapState(['count'])
   },
 
   methods: {
-    ...mapActions(['decrement', 'increment']),
-  },
+    ...mapActions(['decrement', 'increment'])
+  }
 }
 </script>

tests/__tests__/components/Store/store.js

@@ -1,14 +1,14 @@
 export const store = {
   state: {
-    count: 0,
+    count: 0
   },
   actions: {
     increment: ({ commit, state }) => commit('SET_COUNT', state.count + 1),
-    decrement: ({ commit, state }) => commit('SET_COUNT', state.count - 1),
+    decrement: ({ commit, state }) => commit('SET_COUNT', state.count - 1)
   },
   mutations: {
     SET_COUNT: (state, count) => {
       state.count = count
-    },
-  },
+    }
+  }
 }

tests/__tests__/components/Stubs.vue

@@ -11,6 +11,6 @@ import VButton from './Button'
 
 export default {
   name: 'SearchForm',
-  components: { VButton },
+  components: { VButton }
 }
 </script>

tests/__tests__/components/Validate.vue

@@ -30,7 +30,7 @@
 export default {
   data: () => ({
     username: '',
-    password: '',
-  }),
+    password: ''
+  })
 }
 </script>

tests/__tests__/components/queries/index.js

@@ -17,5 +17,5 @@ export {
   JestHelpers,
   Placeholder,
   TotallyEmptyLabel,
-  LabelWithNoFormControl,
+  LabelWithNoFormControl
 }

tests/__tests__/fetch.js

@@ -6,7 +6,7 @@ import 'jest-dom/extend-expect'
 test('Fetch makes an API call and displays the greeting when load-greeting is clicked', async () => {
   axiosMock.get.mockImplementationOnce(() =>
     Promise.resolve({
-      data: { greeting: 'hello there' },
+      data: { greeting: 'hello there' }
     })
   )
 

tests/__tests__/form.js

@@ -8,7 +8,7 @@ test('Review form submits', async () => {
     review: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     rating: '3',
     genre: 'Action',
-    recommend: true,
+    recommend: true
   }
 
   const {
@@ -17,7 +17,7 @@ test('Review form submits', async () => {
     getByTestId,
     getByDisplayValue,
     getByPlaceholderText,
-    emitted,
+    emitted
   } = render(Form)
 
   const submitButton = getByText('Submit')

tests/__tests__/number-display.js

@@ -4,7 +4,7 @@ import 'jest-dom/extend-expect'
 
 test('calling render with the same component but different props does not remount', async () => {
   const { queryByTestId, updateProps } = render(NumberDisplay, {
-    props: { number: 1 },
+    props: { number: 1 }
   })
   expect(queryByTestId('number-display')).toHaveTextContent('1')
 

tests/__tests__/router/programmatic-routing/components/Home.vue

@@ -10,7 +10,7 @@ export default {
   methods: {
     goToAbout() {
       this.$router.push('/about')
-    },
-  },
+    }
+  }
 }
 </script>

tests/__tests__/router/programmatic-routing/index.js

@@ -9,7 +9,7 @@ import { render, fireEvent } from '@testing-library/vue'
 const routes = [
   { path: '/', component: Home },
   { path: '/about', component: About },
-  { path: '*', redirect: '/about' },
+  { path: '*', redirect: '/about' }
 ]
 
 test('navigating programmatically', async () => {

tests/__tests__/simple-button.js

@@ -6,7 +6,7 @@ afterEach(cleanup)
 test('renders button with text', () => {
   const buttonText = "Click me; I'm sick"
   const { getByText } = render(SimpleButton, {
-    props: { text: buttonText },
+    props: { text: buttonText }
   })
 
   getByText(buttonText)
@@ -15,7 +15,7 @@ test('renders button with text', () => {
 test('click event is emitted when button is clicked', () => {
   const text = 'Click me'
   const { getByText, emitted } = render(SimpleButton, {
-    props: { text },
+    props: { text }
   })
   fireEvent.click(getByText(text))
   expect(emitted().click).toHaveLength(1)

tests/__tests__/stubs.js

@@ -5,7 +5,7 @@ afterEach(cleanup)
 
 test('Form contains search button', () => {
   const { getByText } = render(Stubs, {
-    stubs: ['FontAwesomeIcon'],
+    stubs: ['FontAwesomeIcon']
   })
   getByText('Search now')
 })

tests/__tests__/vue-router.js

@@ -9,7 +9,7 @@ import { cleanup, render, fireEvent } from '@testing-library/vue'
 const routes = [
   { path: '/', component: Home },
   { path: '/about', component: About },
-  { path: '*', redirect: '/about' },
+  { path: '*', redirect: '/about' }
 ]
 
 afterEach(cleanup)

tests/__tests__/vuex.js

@@ -28,7 +28,7 @@ test('can render with vuex with defaults', async () => {
 
 test('can render with vuex with custom initial state', async () => {
   const { getByTestId, getByText } = renderVuexTestComponent({
-    state: { count: 3 },
+    state: { count: 3 }
   })
   await fireEvent.click(getByText('-'))