style: Use 2-space indentation in test components (#140)

This updates the test components to use 2-space indentation as
prescribed by the editorconfig settings.

Fixes #135

Author: marczych

test/resources/components/component-with-child.vue

@@ -1,18 +1,18 @@
 <template>
-    <div>
-        <span>
-            <child-component />
-        </span>
-    </div>
+  <div>
+    <span>
+      <child-component />
+    </span>
+  </div>
 </template>
 
 <script>
-    import ChildComponent from './component.vue'
+  import ChildComponent from './component.vue'
 
-    export default{
-      name: 'component-with-child',
-      components: {
-        ChildComponent
-      }
+  export default{
+    name: 'component-with-child',
+    components: {
+      ChildComponent
     }
+  }
 </script>

test/resources/components/component-with-computed.vue

@@ -1,19 +1,19 @@
 <template>
-    <div>
-        {{reversedMessage}}
-    </div>
+  <div>
+    {{reversedMessage}}
+  </div>
 </template>
 
 <script>
-    export default{
-      name: 'component-with-child',
-      data: () => ({
-        message: 'egassem'
-      }),
-      computed: {
-        reversedMessage: function () {
-          return this.message.split('').reverse().join('')
-        }
+  export default{
+    name: 'component-with-child',
+    data: () => ({
+      message: 'egassem'
+    }),
+    computed: {
+      reversedMessage: function () {
+        return this.message.split('').reverse().join('')
       }
     }
+  }
 </script>

test/resources/components/component-with-css-modules.vue

@@ -1,15 +1,15 @@
 <template>
-    <div :class="$style['color-red']"></div>
+  <div :class="$style['color-red']"></div>
 </template>
 
 <style module>
-    .color-red {
-        color: red;
-    }
+  .color-red {
+    color: red;
+  }
 </style>
 
 <script>
-    export default{
-      name: 'component-with-css-modules'
-    }
+  export default{
+    name: 'component-with-css-modules'
+  }
 </script>

test/resources/components/component-with-events.vue

@@ -1,41 +1,41 @@
 <template>
-    <div>
-        <button class="click" @click="clickHandler" id="button" />
-        <button class="left-click" @mousedown="mousedownHandler" />
-        <div @click="toggleActive" v-bind:class="{ toggle: true, active: isActive }" />
-        <input class="keydown" type="text" @keydown="keydownHandler" />
-        <input class="keydown-enter" type="text" @keydown.enter="keydownHandler" />
-    </div>
+  <div>
+    <button class="click" @click="clickHandler" id="button" />
+    <button class="left-click" @mousedown="mousedownHandler" />
+    <div @click="toggleActive" v-bind:class="{ toggle: true, active: isActive }" />
+    <input class="keydown" type="text" @keydown="keydownHandler" />
+    <input class="keydown-enter" type="text" @keydown.enter="keydownHandler" />
+  </div>
 </template>
 
 <script>
-    export default{
-      name: 'component-with-event',
-      props: {
-        clickHandler: {
-          type: Function,
-          default: () => {}
-        },
-        keydownHandler: {
-          type: Function,
-          default: () => {}
-        }
+  export default{
+    name: 'component-with-event',
+    props: {
+      clickHandler: {
+        type: Function,
+        default: () => {}
       },
-      data () {
-        return {
-          isActive: false
+      keydownHandler: {
+        type: Function,
+        default: () => {}
+      }
+    },
+    data () {
+      return {
+        isActive: false
+      }
+    },
+    methods: {
+      mousedownHandler (event) {
+        if (event.button === 0) {
+          this.clickHandler()
+          console.info(event.defaultPrevented)
         }
       },
-      methods: {
-        mousedownHandler (event) {
-          if (event.button === 0) {
-            this.clickHandler()
-            console.info(event.defaultPrevented)
-          }
-        },
-        toggleActive () {
-          this.isActive = !this.isActive
-        }
+      toggleActive () {
+        this.isActive = !this.isActive
       }
     }
+  }
 </script>

test/resources/components/component-with-inject.vue

@@ -1,15 +1,15 @@
 <template>
-    <div>
-      {{ fromMount }}
-    </div>
+  <div>
+    {{ fromMount }}
+  </div>
 </template>
 
 <script>
-    export default {
-      name: 'component-with-inject',
-      inject: ['fromMount'],
-      beforeCreate () {
-        this.setInBeforeCreate = 'created'
-      }
+  export default {
+    name: 'component-with-inject',
+    inject: ['fromMount'],
+    beforeCreate () {
+      this.setInBeforeCreate = 'created'
     }
+  }
 </script>

test/resources/components/component-with-lifecycle-hooks.vue

@@ -1,39 +1,39 @@
 <template>
-    <div />
+  <div />
 </template>
 
 <script>
-    export default{
-      name: 'component-with-lifecycle-hooks',
-      beforeCreate () {
-        console.info()
-      },
-      created () {
-        console.info()
-      },
-      beforeMount () {
-        console.info()
-      },
-      mounted () {
-        console.info()
-      },
-      beforeUpdate () {
-        console.info()
-      },
-      updated () {
-        console.info()
-      },
-      beforeDestroy () {
-        console.info()
-      },
-      destroyed () {
-        console.info()
-      },
-      activated () {
-        console.info()
-      },
-      deactivated () {
-        console.info()
-      }
+  export default{
+    name: 'component-with-lifecycle-hooks',
+    beforeCreate () {
+      console.info()
+    },
+    created () {
+      console.info()
+    },
+    beforeMount () {
+      console.info()
+    },
+    mounted () {
+      console.info()
+    },
+    beforeUpdate () {
+      console.info()
+    },
+    updated () {
+      console.info()
+    },
+    beforeDestroy () {
+      console.info()
+    },
+    destroyed () {
+      console.info()
+    },
+    activated () {
+      console.info()
+    },
+    deactivated () {
+      console.info()
     }
+  }
 </script>

test/resources/components/component-with-methods.vue

@@ -1,14 +1,14 @@
 <template>
-    <div />
+  <div />
 </template>
 
 <script>
-    export default{
-      name: 'component-with-methods',
-      methods: {
-        someMethod () {
-          console.log('some method')
-        }
+  export default{
+    name: 'component-with-methods',
+    methods: {
+      someMethod () {
+        console.log('some method')
       }
     }
+  }
 </script>

test/resources/components/component-with-mixin.vue

@@ -1,20 +1,20 @@
 <template>
-    <div />
+  <div />
 </template>
 
 <script>
-    import testMixin from '../testMixin'
+  import testMixin from '../testMixin'
 
-export default {
-      name: 'component-with-mixin',
-      mixins: [testMixin],
-      created () {
-        this.someMethod()
-      },
-      methods: {
-        someMethod () {
-          console.log('testMethod') // eslint-disable-line no-console
-        }
+  export default {
+    name: 'component-with-mixin',
+    mixins: [testMixin],
+    created () {
+      this.someMethod()
+    },
+    methods: {
+      someMethod () {
+        console.log('testMethod') // eslint-disable-line no-console
       }
     }
+  }
 </script>

test/resources/components/component-with-nested-children.vue

@@ -1,21 +1,21 @@
 <template>
-    <div>
-        <span>
-            <child-component />
-            <component-with-lifecycle-hooks />
-        </span>
-    </div>
+  <div>
+    <span>
+      <child-component />
+      <component-with-lifecycle-hooks />
+    </span>
+  </div>
 </template>
 
 <script>
-    import ComponentWithChild from './component-with-child.vue'
-    import ComponentWithLifecycleHooks from './component-with-lifecycle-hooks.vue'
+  import ComponentWithChild from './component-with-child.vue'
+  import ComponentWithLifecycleHooks from './component-with-lifecycle-hooks.vue'
 
-    export default{
-      name: 'component-with-nested-children',
-      components: {
-        ChildComponent: ComponentWithChild,
-        ComponentWithLifecycleHooks
-      }
+  export default{
+    name: 'component-with-nested-children',
+    components: {
+      ChildComponent: ComponentWithChild,
+      ComponentWithLifecycleHooks
     }
+  }
 </script>

test/resources/components/component-with-props.vue

@@ -1,13 +1,13 @@
 <template>
-    <div>
-        <p class="prop-1">{{prop1}}</p>
-        <p class="prop-2">{{prop2}}</p>
-    </div>
+  <div>
+    <p class="prop-1">{{prop1}}</p>
+    <p class="prop-2">{{prop2}}</p>
+  </div>
 </template>
 
 <script>
-    export default{
-      name: 'component-with-props',
-      props: ['prop1', 'prop2']
-    }
+  export default{
+    name: 'component-with-props',
+    props: ['prop1', 'prop2']
+  }
 </script>