From 2b06d0236b0280e4a9fdd9237f5a3f860ebfa5b7 Mon Sep 17 00:00:00 2001
From: STAFYNIAK Sacha <sacha.st@live.fr>
Date: Wed, 19 Sep 2018 11:44:09 +0200
Subject: [PATCH] convert templates components to render functions (and
 functional when it is relevant)

---
 .eslintrc.js                 |   9 +
 example/app.js               |   1 +
 lib/json-box.vue             | 134 +++++++------
 lib/json-viewer.vue          | 124 ++++++++----
 lib/types/json-array.vue     | 127 +++++++++---
 lib/types/json-boolean.vue   |  16 +-
 lib/types/json-function.vue  |  24 ++-
 lib/types/json-number.vue    |  21 +-
 lib/types/json-object.vue    | 124 +++++++++---
 lib/types/json-string.vue    |  21 +-
 lib/types/json-undefined.vue |  21 +-
 package-lock.json            | 362 ++++++++++++++++++++++++-----------
 package.json                 |   4 +-
 13 files changed, 697 insertions(+), 291 deletions(-)
 create mode 100644 .eslintrc.js

diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..0022454
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,9 @@
+module.exports = {
+  extends: [
+    'plugin:vue/recommended'
+  ],
+  rules: {
+    // override/add rules settings here, such as:
+    // 'vue/no-unused-vars': 'error'
+  }
+}
\ No newline at end of file
diff --git a/example/app.js b/example/app.js
index d9963b1..da18501 100644
--- a/example/app.js
+++ b/example/app.js
@@ -11,6 +11,7 @@ new Vue({
         total: 25,
         limit: 10,
         skip: 0,
+        success: true,
         links: {
           previous: undefined,
           next: function () {},
diff --git a/lib/json-box.vue b/lib/json-box.vue
index b5846c1..ca50154 100644
--- a/lib/json-box.vue
+++ b/lib/json-box.vue
@@ -1,19 +1,3 @@
-<template>
-  <div class="jv-node">
-    <span class="jv-toggle" :class="{open: !!expand}" v-if="keyName && isObject" @click.stop="toggleNode"></span>
-    <span class="jv-key" v-if="keyName">
-      {{keyName}}:
-    </span>
-    <commponent
-      :expand.sync="expand"
-      :is="`Json${valueType}`"
-      :json-value="value"
-      :key-name="keyName"
-      :sort="sort"
-      :depth="depth"></commponent>
-  </div>
-</template>
-
 <script>
 import JsonString from './types/json-string'
 import JsonUndefined from './types/json-undefined'
@@ -27,8 +11,14 @@ export default {
   name: 'JsonBox',
   inject: ['expandDepth'],
   props: {
-    value: [Object, Array, String, Number, Boolean, Function],
-    keyName: String,
+    value: {
+      type: [Object, Array, String, Number, Boolean, Function],
+      default: null
+    },
+    keyName: {
+      type: String,
+      default: ''
+    },
     sort: Boolean,
     depth: {
       type: Number,
@@ -40,53 +30,89 @@ export default {
       expand: true
     }
   },
+  mounted() {
+    this.expand = this.depth >= this.expandDepth ? false : true
+  },
   methods: {
-    toggleNode() {
+    toggle() {
       this.expand = !this.expand
 
       try {
-        this.$el.dispatchEvent(new Event("resized"))
+        this.$el.dispatchEvent(new Event('resized'))
       } catch (e) {
         // handle IE not supporting Event constructor
-        var evt = document.createEvent("Event")
-        evt.initEvent("resized", true, false)
+        var evt = document.createEvent('Event')
+        evt.initEvent('resized', true, false)
         this.$el.dispatchEvent(evt)
       }
     }
   },
-  mounted() {
-    this.expand = this.depth >= this.expandDepth ? false : true
-  },
-  computed: {
-    valueType() {
-      if (this.value === null || this.value === undefined) {
-        return 'Undefined'
-      } else if (Array.isArray(this.value)) {
-        return 'Array'
-      } else if (typeof this.value === 'object') {
-        return 'Object'
-      } else if (typeof this.value === 'number') {
-        return 'Number'
-      } else if (typeof this.value === 'string') {
-        return 'String'
-      } else if (typeof this.value === 'boolean') {
-        return 'Boolean'
-      } else if (typeof this.value === 'function') {
-        return 'Function'
-      }
-    },
-    isObject() {
-      return this.valueType == 'Array' || this.valueType == 'Object'; // eslint-disable-line
+  render (h) {
+    let elements = []
+    let dataType
+
+    if (this.value === null || this.value === undefined) {
+      dataType = JsonUndefined
+    } else if (Array.isArray(this.value)) {
+      dataType = JsonArray
+    } else if (typeof this.value === 'object') {
+      dataType = JsonObject
+    } else if (typeof this.value === 'number') {
+      dataType = JsonNumber
+    } else if (typeof this.value === 'string') {
+      dataType = JsonString
+    } else if (typeof this.value === 'boolean') {
+      dataType = JsonBoolean
+    } else if (typeof this.value === 'function') {
+      dataType = JsonFunction
     }
-  },
-  components: {
-    JsonString,
-    JsonNumber,
-    JsonBoolean,
-    JsonObject,
-    JsonArray,
-    JsonFunction,
-    JsonUndefined
+
+    if (this.keyName && (this.value && (Array.isArray(this.value) || typeof this.value === 'object'))) {
+      elements.push(h('span', {
+        class: {
+          'jv-toggle': true,
+          open: !!this.expand
+        },
+        on: {
+          click: this.toggle
+        }
+      }))
+    }
+
+    if (this.keyName) {
+      elements.push(h('span', {
+        class: {
+          'jv-key': true
+        },
+        domProps: {
+          innerHTML: `${this.keyName}:`
+        }
+      }))
+    }
+
+    elements.push(h(dataType, {
+      class: {
+        'jv-push': true
+      },
+      props: {
+        jsonValue: this.value,
+        keyName: this.keyName,
+        sort: this.sort,
+        depth: this.depth,
+        expand: this.expand
+      },
+      on: {
+        'update:expand': (event) => {
+          this.expand = event
+        }
+      }
+    }))
+
+    return h('div', {
+      class: { 
+        'jv-node': true
+      }
+    }, elements)
   }
 }
 </script>
diff --git a/lib/json-viewer.vue b/lib/json-viewer.vue
index 316299c..99c68da 100644
--- a/lib/json-viewer.vue
+++ b/lib/json-viewer.vue
@@ -1,19 +1,37 @@
 <template>
   <div :class="jvClass">
-    <div class="jv-tooltip" v-if="copyable">
-      <span class="jv-button" ref="clip" @click="clip" :class="{copied}">{{ copied ? 'copied!' : 'copy' }}</span>
+    <div 
+      v-if="copyable"
+      class="jv-tooltip"
+    >
+      <span  
+        ref="clip" 
+        class="jv-button"
+        :class="{copied}"
+        @click="clip" 
+      >{{ copied ? 'copied!' : 'copy' }}</span>
     </div>
-    <div class="jv-code" :class="{'open': expandCode}">
+    <div 
+      class="jv-code" 
+      :class="{'open': expandCode}"
+    >
       <json-box
         ref="jsonBox"
         :value="value"
-        :key-name="keyName"
-        :sort="sort"></json-box>
+        :sort="sort"
+      />
     </div>
-    <div v-if="expandableCode" class="jv-more" @click="toggleExpandCode">
-      <span class="jv-toggle" :class="{open: !!expandCode}"></span>
+    <div 
+      v-if="expandableCode" 
+      class="jv-more" 
+      @click="toggleExpandCode"
+    >
+      <span 
+        class="jv-toggle" 
+        :class="{open: !!expandCode}"
+      />
     </div>
-</div>
+  </div>
 </template>
 
 <script>
@@ -21,13 +39,16 @@ import Vue from 'vue'
 import JsonBox from './json-box'
 import Clipboard from 'clipboard'
 
-Vue.component(JsonBox.name, JsonBox)
-
 export default {
   name: 'JsonViewer',
+  components: {
+    JsonBox
+  },
   props: {
-    value: [Object, Array, String, Number, Boolean],
-    keyName: String,
+    value: {
+      type: [Object, Array, String, Number, Boolean, Function],
+      required: true
+    },
     expandDepth: {
       type: Number,
       default: 1
@@ -49,29 +70,29 @@ export default {
       default: 'jv-light'
     },
   },
-  provide() {
+  provide () {
     return {
       expandDepth: this.expandDepth,
     }
   },
-  data() {
+  data () {
     return {
       copied: false,
       expandableCode: false,
       expandCode: false
     }
   },
+  computed: {
+    jvClass () {
+      return 'jv-container ' + this.theme + (this.boxed ? ' boxed' : '')
+    }
+  },
   mounted: function () {
     this.onResized()
     this.$el.addEventListener("resized", this.onResized, true)
   },
-  computed: {
-    jvClass() {
-      return 'jv-container ' + this.theme + (this.boxed ? ' boxed' : '')
-    }
-  },
   methods: {
-    onResized() {
+    onResized () {
       this.$nextTick(() => {
         if (this.$refs.jsonBox.$el.clientHeight >= 250) {
           this.expandableCode = true
@@ -80,7 +101,7 @@ export default {
         }
       })
     },
-    clip() {
+    clip () {
       if (this.copied) {
         return
       }
@@ -100,12 +121,9 @@ export default {
         clipBoard.destroy()
       })
     },
-    toggleExpandCode() {
+    toggleExpandCode () {
       this.expandCode = !this.expandCode
     }
-  },
-  components: {
-    JsonBox
   }
 }
 </script>
@@ -120,9 +138,9 @@ export default {
     border-radius: 6px;
 
     &:hover {
-      box-shadow: 0 2px 7px rgba(0,0,0,.15);
+      box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);
       border-color: transparent;
-      position: relative
+      position: relative;
     }
   }
 
@@ -140,20 +158,38 @@ export default {
       line-height: 0.9;
       font-size: 0.9em;
       padding: 0px 4px 2px 4px;
+      margin: 0 4px;
       border-radius: 3px;
       vertical-align: 2px;
       cursor: pointer;
       user-select: none;
     }
-    .jv-button { color: #49b3ff }
-    .jv-key { color: #111111 }
+    .jv-button {
+      color: #49b3ff;
+    }
+    .jv-key {
+      color: #111111;
+      margin-right: 4px;
+    }
     .jv-item {
-      &.jv-array { color: #111111 }
-      &.jv-boolean { color: #fc1e70 }
-      &.jv-function { color: #067bca }
-      &.jv-number { color: #fc1e70 }
-      &.jv-object { color: #111111 }
-      &.jv-undefined { color: #e08331 }
+      &.jv-array {
+        color: #111111;
+      }
+      &.jv-boolean {
+        color: #fc1e70;
+      }
+      &.jv-function {
+        color: #067bca;
+      }
+      &.jv-number {
+        color: #fc1e70;
+      }
+      &.jv-object {
+        color: #111111;
+      }
+      &.jv-undefined {
+        color: #e08331;
+      }
       &.jv-string {
         color: #42b983;
         word-break: break-word;
@@ -201,7 +237,7 @@ export default {
       content: " ";
       position: relative;
       display: inline-block;
-      width: 8px;
+      width: 16px;
     }
 
     &.open {
@@ -224,7 +260,7 @@ export default {
 
     .jv-toggle {
       position: relative;
-      top:40%;
+      top: 40%;
       z-index: 2;
       color: #888;
       transition: all 0.1s;
@@ -239,18 +275,26 @@ export default {
       bottom: 0;
       left: 0;
       z-index: 1;
-      background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(230, 230, 230, 1) 100%);
+      background: linear-gradient(
+        to bottom,
+        rgba(0, 0, 0, 0) 20%,
+        rgba(230, 230, 230, 1) 100%
+      );
       transition: all 0.1s;
     }
 
     &:hover {
       .jv-toggle {
-        top:50%;
+        top: 50%;
         color: #111;
       }
 
       &:after {
-      background: linear-gradient(to bottom, rgba(0,0,0,0) 20%, rgba(230, 230, 230, 0.3) 100%);
+        background: linear-gradient(
+          to bottom,
+          rgba(0, 0, 0, 0) 20%,
+          rgba(230, 230, 230, 0.3) 100%
+        );
       }
     }
   }
diff --git a/lib/types/json-array.vue b/lib/types/json-array.vue
index 848e504..d99ea62 100644
--- a/lib/types/json-array.vue
+++ b/lib/types/json-array.vue
@@ -1,42 +1,33 @@
-<template>
-  <span>
-    <span class="jv-toggle" :class="{open: !!expand}" v-if="!keyName" @click.stop="toggle"></span>
-    <span class="jv-item jv-array">[</span>
-    <template v-if="jsonValue.length">
-      <json-box
-        v-show="expand"
-        v-for="(val, index) in ordered"
-        :sort="sort"
-        :key="index"
-        :value="val"
-        :depth="depth + 1"></json-box>
-      <span
-        v-show="!expand"
-        class="jv-ellipsis"
-        @click.stop="toggle"
-        :title="!expand ? `click to reveal ${jsonValue.length} hidden items` : ''">...</span>
-    </template>
-    <span class="jv-item jv-array"Z>]</span>
-  </span>
-</template>
-
 <script>
+import JsonBox from '../json-box'
+
 export default {
   name: 'JsonArray',
   props: {
-    jsonValue: Array,
-    keyName: String,
+    jsonValue: {
+      type: Array,
+      required: true
+    },
+    keyName: {
+      type: String,
+      default: ''
+    },
+    depth: {
+      type: Number,
+      default: 0
+    },
     sort: Boolean,
-    expand: Boolean,
-    depth: Number
+    expand: Boolean
   },
   computed: {
     ordered () {
+      let value = this.jsonValue
+
       if (!this.sort) {
-        return this.jsonValue
+        return value
       }
 
-      return this.jsonValue.sort()
+      return value.sort()
     }
   },
   methods: {
@@ -44,14 +35,88 @@ export default {
       this.$emit('update:expand', !this.expand)
 
       try {
-        this.$el.dispatchEvent(new Event("resized"))
+        this.$el.dispatchEvent(new Event('resized'))
       } catch (e) {
         // handle IE not supporting Event constructor
-        var evt = document.createEvent("Event")
-        evt.initEvent("resized", true, false)
+        var evt = document.createEvent('Event')
+        evt.initEvent('resized', true, false)
         this.$el.dispatchEvent(evt)
       }
     }
+  },
+  render (h) {
+    let elements = []
+
+    if (!this.keyName) {
+      elements.push(h('span', {
+        class: {
+          'jv-toggle': true,
+          'open': !!this.expand, 
+        },
+        on: {
+          click: this.toggle
+        }
+      }))
+    }
+
+    elements.push(h('span', {
+      class: {
+        'jv-item': true,
+        'jv-array': true, 
+      },
+      domProps: {
+        innerHTML: '['
+      }
+    }))
+
+    for (let key in this.ordered) {
+      let value = this.ordered[key]
+
+      elements.push(h(JsonBox, {
+        key,
+        style: {
+          display: !this.expand ? 'none' : undefined
+        },
+        props: {
+          sort: this.sort,
+          // keyName: key,
+          depth: this.depth + 1,
+          value,
+        }
+      }))
+    }
+
+    if (!this.expand) {
+      elements.push(h('span', {
+        style: {
+          display: this.expand ? 'none' : undefined
+        },
+        class: {
+          'jv-ellipsis': true, 
+        },
+        on: {
+          click: this.toggle
+        },
+        attrs: {
+          title: `click to reveal ${this.jsonValue.length} hidden items`
+        },
+        domProps: {
+          innerHTML: '...'
+        }
+      }))
+    }
+
+    elements.push(h('span', {
+      class: {
+        'jv-item': true,
+        'jv-array': true, 
+      },
+      domProps: {
+        innerHTML: ']'
+      }
+    }))
+
+    return h('span', elements)
   }
 }
 </script>
diff --git a/lib/types/json-boolean.vue b/lib/types/json-boolean.vue
index 12cdbd8..cb3e316 100644
--- a/lib/types/json-boolean.vue
+++ b/lib/types/json-boolean.vue
@@ -1,12 +1,20 @@
-<template>
-  <span class="jv-item jv-boolean">{{jsonValue}}</span>
-</template>
-
 <script>
 export default {
   name: 'JsonBoolean',
+  functional: true,
   props: {
     jsonValue: Boolean
+  },
+  render (h, { props }) {
+    return h('span', {
+      class: {
+        'jv-item': true,
+        'jv-boolean': true,
+      },
+      domProps: {
+        innerHTML: props.jsonValue.toString()
+      }
+    })
   }
 }
 </script>
diff --git a/lib/types/json-function.vue b/lib/types/json-function.vue
index b647858..7ee97a6 100644
--- a/lib/types/json-function.vue
+++ b/lib/types/json-function.vue
@@ -1,12 +1,26 @@
-<template>
-  <span class="jv-item jv-function">&lt;function&gt;</span>
-</template>
-
 <script>
 export default {
   name: 'JsonFunction',
+  functional: true,
   props: {
-    jsonValue: Function
+    jsonValue: {
+      type: Function,
+      required: true
+    }
+  },
+  render (h, { props }) {
+    return h('span', {
+      class: {
+        'jv-item': true,
+        'jv-function': true,
+      },
+      attrs: {
+        title: props.jsonValue.toString()
+      },
+      domProps: {
+        innerHTML: '&lt;function&gt;'
+      }
+    })
   }
 }
 </script>
diff --git a/lib/types/json-number.vue b/lib/types/json-number.vue
index 95d2b07..08c5ac3 100644
--- a/lib/types/json-number.vue
+++ b/lib/types/json-number.vue
@@ -1,12 +1,23 @@
-<template>
-  <span class="jv-item jv-number">{{jsonValue}}</span>
-</template>
-
 <script>
 export default {
   name: 'JsonNumber',
+  functional: true,
   props: {
-    jsonValue: Number
+    jsonValue: {
+      type: Number,
+      required: true
+    }
+  },
+  render (h, { props }) {
+    return h('span', {
+      class: {
+        'jv-item': true,
+        'jv-number': true,
+      },
+      domProps: {
+        innerHTML: props.jsonValue.toString()
+      }
+    })
   }
 }
 </script>
diff --git a/lib/types/json-object.vue b/lib/types/json-object.vue
index c6d280f..95e424a 100644
--- a/lib/types/json-object.vue
+++ b/lib/types/json-object.vue
@@ -1,35 +1,23 @@
-<template>
-  <span>
-    <span class="jv-toggle" :class="{open: !!expand}" v-if="!keyName" @click.stop="toggle"></span>
-    <span class="jv-item jv-object">{</span>
-    <template v-if="Object.keys(ordered).length">
-      <json-box
-        v-show="expand"
-        v-for="(v, k) in ordered"
-        :sort="sort"
-        :key="k"
-        :key-name="k"
-        :value="v"
-        :depth="depth + 1"></json-box>
-      <span
-        v-show="!expand"
-        class="jv-ellipsis"
-        @click.stop="toggle"
-        :title="!expand ? `click to reveal object content (keys: ${Object.keys(ordered).join(', ')})` : ''">...</span>
-    </template>
-    <span class="jv-item jv-object">}</span>
-  </span>
-</template>
-
 <script>
+import JsonBox from '../json-box'
+
 export default {
   name: 'JsonObject',
   props: {
-    jsonValue: Object,
-    keyName: String,
+    jsonValue: {
+      type: Object,
+      required: true
+    },
+    keyName: {
+      type: String,
+      default: ''
+    },
+    depth: {
+      type: Number,
+      default: 0
+    },
     expand: Boolean,
-    sort: Boolean,
-    depth: Number
+    sort: Boolean
   },
   computed: {
     ordered () {
@@ -49,14 +37,90 @@ export default {
       this.$emit('update:expand', !this.expand)
 
       try {
-        this.$el.dispatchEvent(new Event("resized"))
+        this.$el.dispatchEvent(new Event('resized'))
       } catch (e) {
         // handle IE not supporting Event constructor
-        var evt = document.createEvent("Event")
-        evt.initEvent("resized", true, false)
+        var evt = document.createEvent('Event')
+        evt.initEvent('resized', true, false)
         this.$el.dispatchEvent(evt)
       }
     }
+  },
+  render (h) {
+    let elements = []
+
+    if (!this.keyName) {
+      elements.push(h('span', {
+        class: {
+          'jv-toggle': true,
+          'open': !!this.expand, 
+        },
+        on: {
+          click: this.toggle
+        }
+      }))
+    }
+
+    elements.push(h('span', {
+      class: {
+        'jv-item': true,
+        'jv-object': true, 
+      },
+      domProps: {
+        innerHTML: '{'
+      }
+    }))
+
+    for (let key in this.ordered) {
+      if (this.ordered.hasOwnProperty(key)) {
+        let value = this.ordered[key]
+
+        elements.push(h(JsonBox, {
+          key,
+          style: {
+            display: !this.expand ? 'none' : undefined
+          },
+          props: {
+            sort: this.sort,
+            keyName: key,
+            depth: this.depth + 1,
+            value,
+          }
+        }))
+      }
+    }
+
+    if (!this.expand) {
+      elements.push(h('span', {
+        style: {
+          display: this.expand ? 'none' : undefined
+        },
+        class: {
+          'jv-ellipsis': true, 
+        },
+        on: {
+          click: this.toggle
+        },
+        attrs: {
+          title: `click to reveal object content (keys: ${Object.keys(this.ordered).join(', ')})`
+        },
+        domProps: {
+          innerHTML: '...'
+        }
+      }))
+    }
+
+    elements.push(h('span', {
+      class: {
+        'jv-item': true,
+        'jv-object': true, 
+      },
+      domProps: {
+        innerHTML: '}'
+      }
+    }))
+
+    return h('span', elements)
   }
 }
 </script>
diff --git a/lib/types/json-string.vue b/lib/types/json-string.vue
index e83eba4..be39379 100644
--- a/lib/types/json-string.vue
+++ b/lib/types/json-string.vue
@@ -1,12 +1,23 @@
-<template>
-  <span class="jv-item jv-string">"{{jsonValue}}"</span>
-</template>
-
 <script>
 export default {
   name: 'JsonString',
+  functional: true,
   props: {
-    jsonValue: String
+    jsonValue: {
+      type: String,
+      required: true
+    }
+  },
+  render (h, { props }) {
+    return h('span', {
+      class: {
+        'jv-item': true,
+        'jv-string': true,
+      },
+      domProps: {
+        innerHTML: `"${props.jsonValue.toString()}"`
+      }
+    })
   }
 }
 </script>
diff --git a/lib/types/json-undefined.vue b/lib/types/json-undefined.vue
index 0dea9ea..5e8e716 100644
--- a/lib/types/json-undefined.vue
+++ b/lib/types/json-undefined.vue
@@ -1,12 +1,23 @@
-<template>
-  <span class="jv-item jv-undefined">{{ jsonValue === null ? 'null' : 'undefined' }}</span>
-</template>
-
 <script>
 export default {
   name: 'JsonUndefined',
+  functional: true,
   props: {
-    jsonValue: Object
+    jsonValue: {
+      type: Object,
+      default: null
+    }
+  },
+  render (h, { props }) {
+    return h('span', {
+      class: {
+        'jv-item': true,
+        'jv-undefined': true,
+      },
+      domProps: {
+        innerHTML: props.jsonValue === null ? 'null' : 'undefined'
+      }
+    })
   }
 }
 </script>
diff --git a/package-lock.json b/package-lock.json
index 04055bc..cf143e5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -206,20 +206,12 @@
       }
     },
     "acorn-jsx": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-3.0.1.tgz",
-      "integrity": "sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-4.1.1.tgz",
+      "integrity": "sha512-JY+iV6r+cO21KtntVvFkD+iqjtdpRUpGqKWgfkCdZq1R+kbreEl8EcdcJR4SmiIgsIQT33s6QzheQ9a275Q8xw==",
       "dev": true,
       "requires": {
-        "acorn": "^3.0.4"
-      },
-      "dependencies": {
-        "acorn": {
-          "version": "3.3.0",
-          "resolved": "http://registry.npmjs.org/acorn/-/acorn-3.3.0.tgz",
-          "integrity": "sha1-ReN/s56No/JbruP/U2niu18iAXo=",
-          "dev": true
-        }
+        "acorn": "^5.0.3"
       }
     },
     "ajv": {
@@ -235,9 +227,9 @@
       }
     },
     "ajv-keywords": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-2.1.1.tgz",
-      "integrity": "sha1-YXmX/F9gV2iUxDX5QNgZ4TW4B2I=",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.2.0.tgz",
+      "integrity": "sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=",
       "dev": true
     },
     "align-text": {
@@ -1575,12 +1567,6 @@
         "isarray": "^1.0.0"
       }
     },
-    "buffer-from": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.1.tgz",
-      "integrity": "sha512-MQcXEUbCKtEo7bhqEs6560Hyd4XaovZlO/k9V3hjVUF/zwW7KBVdSK4gIt/bzwS9MbR5qob+F5jusZsb0YQK2A==",
-      "dev": true
-    },
     "buffer-indexof": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/buffer-indexof/-/buffer-indexof-1.1.1.tgz",
@@ -1733,9 +1719,9 @@
       }
     },
     "chardet": {
-      "version": "0.4.2",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.4.2.tgz",
-      "integrity": "sha1-tUc7M9yXxCTl2Y3IfVXU2KKci/I=",
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
+      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
       "dev": true
     },
     "chokidar": {
@@ -2059,18 +2045,6 @@
       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
       "dev": true
     },
-    "concat-stream": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
-      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
-      "dev": true,
-      "requires": {
-        "buffer-from": "^1.0.0",
-        "inherits": "^2.0.3",
-        "readable-stream": "^2.2.2",
-        "typedarray": "^0.0.6"
-      }
-    },
     "connect-history-api-fallback": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-1.5.0.tgz",
@@ -3075,57 +3049,102 @@
       }
     },
     "eslint": {
-      "version": "4.19.1",
-      "resolved": "http://registry.npmjs.org/eslint/-/eslint-4.19.1.tgz",
-      "integrity": "sha512-bT3/1x1EbZB7phzYu7vCr1v3ONuzDtX8WjuM9c0iYxe+cq+pwcKEoQjl7zd3RpC6YOLgnSy3cTN58M2jcoPDIQ==",
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-5.6.0.tgz",
+      "integrity": "sha512-/eVYs9VVVboX286mBK7bbKnO1yamUy2UCRjiY6MryhQL2PaaXCExsCQ2aO83OeYRhU2eCU/FMFP+tVMoOrzNrA==",
       "dev": true,
       "requires": {
-        "ajv": "^5.3.0",
-        "babel-code-frame": "^6.22.0",
+        "@babel/code-frame": "^7.0.0",
+        "ajv": "^6.5.3",
         "chalk": "^2.1.0",
-        "concat-stream": "^1.6.0",
-        "cross-spawn": "^5.1.0",
+        "cross-spawn": "^6.0.5",
         "debug": "^3.1.0",
         "doctrine": "^2.1.0",
-        "eslint-scope": "^3.7.1",
+        "eslint-scope": "^4.0.0",
+        "eslint-utils": "^1.3.1",
         "eslint-visitor-keys": "^1.0.0",
-        "espree": "^3.5.4",
-        "esquery": "^1.0.0",
+        "espree": "^4.0.0",
+        "esquery": "^1.0.1",
         "esutils": "^2.0.2",
         "file-entry-cache": "^2.0.0",
         "functional-red-black-tree": "^1.0.1",
         "glob": "^7.1.2",
-        "globals": "^11.0.1",
-        "ignore": "^3.3.3",
+        "globals": "^11.7.0",
+        "ignore": "^4.0.6",
         "imurmurhash": "^0.1.4",
-        "inquirer": "^3.0.6",
-        "is-resolvable": "^1.0.0",
-        "js-yaml": "^3.9.1",
+        "inquirer": "^6.1.0",
+        "is-resolvable": "^1.1.0",
+        "js-yaml": "^3.12.0",
         "json-stable-stringify-without-jsonify": "^1.0.1",
         "levn": "^0.3.0",
-        "lodash": "^4.17.4",
-        "minimatch": "^3.0.2",
+        "lodash": "^4.17.5",
+        "minimatch": "^3.0.4",
         "mkdirp": "^0.5.1",
         "natural-compare": "^1.4.0",
         "optionator": "^0.8.2",
         "path-is-inside": "^1.0.2",
         "pluralize": "^7.0.0",
         "progress": "^2.0.0",
-        "regexpp": "^1.0.1",
+        "regexpp": "^2.0.0",
         "require-uncached": "^1.0.3",
-        "semver": "^5.3.0",
+        "semver": "^5.5.1",
         "strip-ansi": "^4.0.0",
-        "strip-json-comments": "~2.0.1",
-        "table": "4.0.2",
-        "text-table": "~0.2.0"
+        "strip-json-comments": "^2.0.1",
+        "table": "^4.0.3",
+        "text-table": "^0.2.0"
       },
       "dependencies": {
+        "@babel/code-frame": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.0.0.tgz",
+          "integrity": "sha512-OfC2uemaknXr87bdLUkWog7nYuliM9Ij5HUcajsVcMCpQrcLmtxRbVFTIqmcSkSeYRBFBRxs2FiUqFJDLdiebA==",
+          "dev": true,
+          "requires": {
+            "@babel/highlight": "^7.0.0"
+          }
+        },
+        "@babel/highlight": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.0.0.tgz",
+          "integrity": "sha512-UFMC4ZeFC48Tpvj7C8UgLvtkaUuovQX+5xNWrsIoMG8o2z+XFKjKaN9iVmS84dPwVN00W4wPmqvYoZF3EGAsfw==",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.0.0",
+            "esutils": "^2.0.2",
+            "js-tokens": "^4.0.0"
+          }
+        },
+        "ajv": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.3.tgz",
+          "integrity": "sha512-LqZ9wY+fx3UMiiPd741yB2pj3hhil+hQc8taf4o2QGRFpWgZ2V5C8HA165DY9sS3fJwsk7uT7ZlFEyC3Ig3lLg==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^2.0.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
         "ansi-regex": {
           "version": "3.0.0",
           "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
           "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
           "dev": true
         },
+        "cross-spawn": {
+          "version": "6.0.5",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
+          "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==",
+          "dev": true,
+          "requires": {
+            "nice-try": "^1.0.4",
+            "path-key": "^2.0.1",
+            "semver": "^5.5.0",
+            "shebang-command": "^1.2.0",
+            "which": "^1.2.9"
+          }
+        },
         "debug": {
           "version": "3.2.5",
           "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.5.tgz",
@@ -3135,18 +3154,40 @@
             "ms": "^2.1.1"
           }
         },
+        "eslint-scope": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.0.tgz",
+          "integrity": "sha512-1G6UTDi7Jc1ELFwnR58HV4fK9OQK4S6N985f166xqXxpjU6plxFISJa2Ba9KCQuFa8RCnj/lSFJbHo7UFDBnUA==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        },
         "esprima": {
           "version": "4.0.1",
           "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
           "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
           "dev": true
         },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+          "dev": true
+        },
         "globals": {
           "version": "11.7.0",
           "resolved": "https://registry.npmjs.org/globals/-/globals-11.7.0.tgz",
           "integrity": "sha512-K8BNSPySfeShBQXsahYB/AbbWruVOTyVpgoIDnl8odPpeSfP2J5QO2oLFFdl2j7GfDCtZj2bMKar2T49itTPCg==",
           "dev": true
         },
+        "js-tokens": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+          "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+          "dev": true
+        },
         "js-yaml": {
           "version": "3.12.0",
           "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.12.0.tgz",
@@ -3157,6 +3198,12 @@
             "esprima": "^4.0.0"
           }
         },
+        "json-schema-traverse": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
+        },
         "ms": {
           "version": "2.1.1",
           "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
@@ -3183,6 +3230,15 @@
         "htmlparser2": "^3.8.2"
       }
     },
+    "eslint-plugin-vue": {
+      "version": "5.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-5.0.0-beta.3.tgz",
+      "integrity": "sha512-EOQo3ax4CIM6Itcl522p4cGlSBgR/KZBJo2Xc29PWknbYH/DRZorGutF8NATUpbZ4HYOG+Gcyd1nL08iyYF3Tg==",
+      "dev": true,
+      "requires": {
+        "vue-eslint-parser": "^3.2.1"
+      }
+    },
     "eslint-scope": {
       "version": "3.7.1",
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-3.7.1.tgz",
@@ -3193,6 +3249,12 @@
         "estraverse": "^4.1.1"
       }
     },
+    "eslint-utils": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.3.1.tgz",
+      "integrity": "sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q==",
+      "dev": true
+    },
     "eslint-visitor-keys": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.0.0.tgz",
@@ -3200,13 +3262,13 @@
       "dev": true
     },
     "espree": {
-      "version": "3.5.4",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-3.5.4.tgz",
-      "integrity": "sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-4.0.0.tgz",
+      "integrity": "sha512-kapdTCt1bjmspxStVKX6huolXVV5ZfyZguY1lcfhVVZstce3bqxH9mcLzNn3/mlgW6wQ732+0fuG9v7h0ZQoKg==",
       "dev": true,
       "requires": {
-        "acorn": "^5.5.0",
-        "acorn-jsx": "^3.0.0"
+        "acorn": "^5.6.0",
+        "acorn-jsx": "^4.1.1"
       }
     },
     "esprima": {
@@ -3479,13 +3541,13 @@
       }
     },
     "external-editor": {
-      "version": "2.2.0",
-      "resolved": "http://registry.npmjs.org/external-editor/-/external-editor-2.2.0.tgz",
-      "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.0.3.tgz",
+      "integrity": "sha512-bn71H9+qWoOQKyZDo25mOMVpSmXROAsTJVVVYzrrtol3d4y+AsKjf4Iwl2Q+IuT0kFSQ1qo166UuIwqYq7mGnA==",
       "dev": true,
       "requires": {
-        "chardet": "^0.4.0",
-        "iconv-lite": "^0.4.17",
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
         "tmp": "^0.0.33"
       }
     },
@@ -3837,12 +3899,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -3857,17 +3921,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -3984,7 +4051,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -3996,6 +4064,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -4010,6 +4079,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -4017,12 +4087,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -4041,6 +4113,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -4121,7 +4194,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -4133,6 +4207,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -4254,6 +4329,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
@@ -4968,9 +5044,9 @@
       "dev": true
     },
     "ignore": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.10.tgz",
-      "integrity": "sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug==",
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
       "dev": true
     },
     "import-local": {
@@ -5033,22 +5109,21 @@
       "dev": true
     },
     "inquirer": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.3.0.tgz",
-      "integrity": "sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-6.2.0.tgz",
+      "integrity": "sha512-QIEQG4YyQ2UYZGDC4srMZ7BjHOmNk1lR2JQj5UknBapklm6WHA+VVH7N+sUdX3A7NeCfGF8o4X1S3Ao7nAcIeg==",
       "dev": true,
       "requires": {
         "ansi-escapes": "^3.0.0",
         "chalk": "^2.0.0",
         "cli-cursor": "^2.1.0",
         "cli-width": "^2.0.0",
-        "external-editor": "^2.0.4",
+        "external-editor": "^3.0.0",
         "figures": "^2.0.0",
-        "lodash": "^4.3.0",
+        "lodash": "^4.17.10",
         "mute-stream": "0.0.7",
         "run-async": "^2.2.0",
-        "rx-lite": "^4.0.8",
-        "rx-lite-aggregates": "^4.0.8",
+        "rxjs": "^6.1.0",
         "string-width": "^2.1.0",
         "strip-ansi": "^4.0.0",
         "through": "^2.3.6"
@@ -6039,6 +6114,12 @@
       "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw=",
       "dev": true
     },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz",
+      "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
+      "dev": true
+    },
     "no-case": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
@@ -9112,9 +9193,9 @@
       }
     },
     "regexpp": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-1.1.0.tgz",
-      "integrity": "sha512-LOPw8FpgdQF9etWMaAfG/WRthIdXJGYp4mJ2Jgn/2lpkbod9jPn0t9UqN7AxBOKNfzRbYyVfgc7Vk4t/MpnXgw==",
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.0.tgz",
+      "integrity": "sha512-g2FAVtR8Uh8GO1Nv5wpxW7VFVwHcCEr4wyA8/MHiRkO8uHoR5ntAA8Uq3P1vvMTX/BeQiRVSpDGLd+Wn5HNOTA==",
       "dev": true
     },
     "regexpu-core": {
@@ -9412,19 +9493,13 @@
         "is-promise": "^2.1.0"
       }
     },
-    "rx-lite": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
-      "integrity": "sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=",
-      "dev": true
-    },
-    "rx-lite-aggregates": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/rx-lite-aggregates/-/rx-lite-aggregates-4.0.8.tgz",
-      "integrity": "sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=",
+    "rxjs": {
+      "version": "6.3.2",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.3.2.tgz",
+      "integrity": "sha512-hV7criqbR0pe7EeL3O66UYVg92IR0XsA97+9y+BWTePK9SKmEI5Qd3Zj6uPnGkNzXsBywBQWTvujPl+1Kn9Zjw==",
       "dev": true,
       "requires": {
-        "rx-lite": "*"
+        "tslib": "^1.9.0"
       }
     },
     "safe-buffer": {
@@ -10238,17 +10313,43 @@
       }
     },
     "table": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/table/-/table-4.0.2.tgz",
-      "integrity": "sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==",
+      "version": "4.0.3",
+      "resolved": "http://registry.npmjs.org/table/-/table-4.0.3.tgz",
+      "integrity": "sha512-S7rnFITmBH1EnyKcvxBh1LjYeQMmnZtCXSEbHcH6S0NoKit24ZuFO/T1vDcLdYsLQkM188PVVhQmzKIuThNkKg==",
       "dev": true,
       "requires": {
-        "ajv": "^5.2.3",
-        "ajv-keywords": "^2.1.0",
+        "ajv": "^6.0.1",
+        "ajv-keywords": "^3.0.0",
         "chalk": "^2.1.0",
         "lodash": "^4.17.4",
         "slice-ansi": "1.0.0",
         "string-width": "^2.1.1"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "6.5.3",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.5.3.tgz",
+          "integrity": "sha512-LqZ9wY+fx3UMiiPd741yB2pj3hhil+hQc8taf4o2QGRFpWgZ2V5C8HA165DY9sS3fJwsk7uT7ZlFEyC3Ig3lLg==",
+          "dev": true,
+          "requires": {
+            "fast-deep-equal": "^2.0.1",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.4.1",
+            "uri-js": "^4.2.2"
+          }
+        },
+        "fast-deep-equal": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz",
+          "integrity": "sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=",
+          "dev": true
+        },
+        "json-schema-traverse": {
+          "version": "0.4.1",
+          "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+          "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+          "dev": true
+        }
       }
     },
     "tapable": {
@@ -10413,6 +10514,12 @@
         "glob": "^7.1.2"
       }
     },
+    "tslib": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.9.3.tgz",
+      "integrity": "sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ==",
+      "dev": true
+    },
     "tty-browserify": {
       "version": "0.0.0",
       "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.0.tgz",
@@ -10454,12 +10561,6 @@
         "mime-types": "~2.1.18"
       }
     },
-    "typedarray": {
-      "version": "0.0.6",
-      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
-      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
-      "dev": true
-    },
     "uglify-js": {
       "version": "3.4.9",
       "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.4.9.tgz",
@@ -10809,6 +10910,47 @@
       "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.17.tgz",
       "integrity": "sha512-mFbcWoDIJi0w0Za4emyLiW72Jae0yjANHbCVquMKijcavBGypqlF7zHRgMa5k4sesdv7hv2rB4JPdZfR+TPfhQ=="
     },
+    "vue-eslint-parser": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-3.2.2.tgz",
+      "integrity": "sha512-dprI6ggKCTwV22r+i8dtUGquiOCn063xyDmb7BV/BjG5Oc/m5EoMNrWevpvTcrlGuFZmYVPs5fgsu8UIxmMKzg==",
+      "dev": true,
+      "requires": {
+        "debug": "^3.1.0",
+        "eslint-scope": "^4.0.0",
+        "eslint-visitor-keys": "^1.0.0",
+        "espree": "^4.0.0",
+        "esquery": "^1.0.1",
+        "lodash": "^4.17.10"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.5",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.5.tgz",
+          "integrity": "sha512-D61LaDQPQkxJ5AUM2mbSJRbPkNs/TmdmOeLAi1hgDkpDfIfetSrjmWhccwtuResSwMbACjx/xXQofvM9CE/aeg==",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "eslint-scope": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-4.0.0.tgz",
+          "integrity": "sha512-1G6UTDi7Jc1ELFwnR58HV4fK9OQK4S6N985f166xqXxpjU6plxFISJa2Ba9KCQuFa8RCnj/lSFJbHo7UFDBnUA==",
+          "dev": true,
+          "requires": {
+            "esrecurse": "^4.1.0",
+            "estraverse": "^4.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.1.tgz",
+          "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
+          "dev": true
+        }
+      }
+    },
     "vue-hot-reload-api": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/vue-hot-reload-api/-/vue-hot-reload-api-2.3.0.tgz",
diff --git a/package.json b/package.json
index 83464a3..ae323ff 100644
--- a/package.json
+++ b/package.json
@@ -57,8 +57,8 @@
     "babel-preset-es2015": "^6.24.1",
     "babel-runtime": "^6.26.0",
     "css-loader": "^0.28.7",
-    "eslint": "^4.9.0",
-    "eslint-plugin-html": "^4.0.0-alpha.1",
+    "eslint": "^5.6.0",
+    "eslint-plugin-vue": "^5.0.0-beta.3",
     "file-loader": "^1.1.5",
     "html-webpack-plugin": "^2.30.1",
     "node-sass": "^4.5.3",