refactor: add max-len rule (#720)

Author: eddyerburgh

.eslintrc

@@ -12,8 +12,9 @@
     "plugin:vue-libs/recommended",
     "plugin:flowtype/recommended"
   ],
-  rules: {
+  "rules": {
     "no-debugger": 2,
-    "no-proto": 0
+    "no-proto": 0,
+    "max-len": 2
   }
 }

docs/api/options.md

@@ -82,7 +82,9 @@ const wrapper = shallowMount(Component, {
     foo: '<p slot-scope="props">{{props.index}},{{props.text}}</p>'
   }
 })
-expect(wrapper.find('#fooWrapper').html()).toBe('<div id="fooWrapper"><p>0,text1</p><p>1,text2</p><p>2,text3</p></div>')
+expect(wrapper.find('#fooWrapper').html()).toBe(
+  `<div id="fooWrapper"><p>0,text1</p><p>1,text2</p><p>2,text3</p></div>`
+)
 ```
 
 ## stubs

docs/api/wrapper-array/filter.md

@@ -18,5 +18,6 @@ import { shallowMount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
 const wrapper = shallowMount(Foo)
-const filteredDivArray = wrapper.findAll('div').filter(w => !w.hasClass('filtered'))
+const filteredDivArray = wrapper.findAll('div')
+  .filter(w => !w.hasClass('filtered'))
 ```

docs/guides/common-tips.md

@@ -23,7 +23,7 @@ Vue Test Utils allows you to mount a component without rendering its child compo
 ```js
 import { shallowMount } from '@vue/test-utils'
 
-const wrapper = shallowMount(Component) // returns a Wrapper containing a mounted Component instance
+const wrapper = shallowMount(Component)
 wrapper.vm // the mounted Vue instance
 ```
 
@@ -125,7 +125,9 @@ const $route = {
 
 mount(Component, {
   mocks: {
-    $route // adds the mocked `$route` object to the Vue instance before mounting component
+    // adds mocked `$route` object to the Vue instance
+    // before mounting component
+    $route
   }
 })
 ```

docs/guides/using-with-vuex.md

@@ -69,15 +69,15 @@ describe('Actions.vue', () => {
     })
   })
 
-  it('calls store action "actionInput" when input value is "input" and an "input" event is fired', () => {
+  it('dispatches "actionInput" when input event value is "input"', () => {
     const wrapper = shallowMount(Actions, { store, localVue })
     const input = wrapper.find('input')
     input.element.value = 'input'
     input.trigger('input')
     expect(actions.actionInput).toHaveBeenCalled()
   })
 
-  it('does not call store action "actionInput" when input value is not "input" and an "input" event is fired', () => {
+  it('does not dispatch "actionInput" when event value is not "input"', () => {
     const wrapper = shallowMount(Actions, { store, localVue })
     const input = wrapper.find('input')
     input.element.value = 'not input'

docs/ja/api/options.md

@@ -77,7 +77,9 @@ const wrapper = shallowMount(Component, {
     foo: '<p slot-scope="props">{{props.index}},{{props.text}}</p>'
   }
 })
-expect(wrapper.find('#fooWrapper').html()).toBe('<div id="fooWrapper"><p>0,text1</p><p>1,text2</p><p>2,text3</p></div>')
+expect(wrapper.find('#fooWrapper').html()).toBe(
+  `<div id="fooWrapper"><p>0,text1</p><p>1,text2</p><p>2,text3</p></div>`
+)
 ```
 
 ## stubs

docs/ja/api/wrapper-array/filter.md

@@ -18,5 +18,6 @@ import { shallowMount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
 const wrapper = shallowMount(Foo)
-const filteredDivArray = wrapper.findAll('div').filter(w => !w.hasClass('filtered'))
+const filteredDivArray = wrapper.findAll('div')
+  .filter(w => !w.hasClass('filtered'))
 ```

docs/ja/guides/using-with-vuex.md

@@ -68,15 +68,15 @@ describe('Actions.vue', () => {
     })
   })
 
-  it('calls store action actionInput when input value is input and an input event is fired', () => {
+  it('dispatches "actionInput" when input event value is "input"', () => {
     const wrapper = shallowMount(Actions, { store, localVue })
     const input = wrapper.find('input')
     input.element.value = 'input'
     input.trigger('input')
     expect(actions.actionInput).toHaveBeenCalled()
   })
 
-  it('does not call store action actionInput when input value is not input and an input event is fired', () => {
+  it('does not dispatch "actionInput" when event value is not "input"', () => {
     const wrapper = shallowMount(Actions, { store, localVue })
     const input = wrapper.find('input')
     input.element.value = 'not input'

docs/zh/api/options.md

@@ -82,7 +82,9 @@ const wrapper = shallowMount(Component, {
     foo: '<p slot-scope="props">{{props.index}},{{props.text}}</p>'
   }
 })
-expect(wrapper.find('#fooWrapper').html()).toBe('<div id="fooWrapper"><p>0,text1</p><p>1,text2</p><p>2,text3</p></div>')
+expect(wrapper.find('#fooWrapper').html()).toBe(
+  `<div id="fooWrapper"><p>0,text1</p><p>1,text2</p><p>2,text3</p></div>`
+)
 ```
 
 ## stubs

docs/zh/api/wrapper-array/filter.md

@@ -18,5 +18,6 @@ import { shallowMount } from '@vue/test-utils'
 import Foo from './Foo.vue'
 
 const wrapper = shallowMount(Foo)
-const filteredDivArray = wrapper.findAll('div').filter(w => !w.hasClass('filtered'))
+const filteredDivArray = wrapper.findAll('div')
+  .filter(w => !w.hasClass('filtered'))
 ```