chore: Re-setup eslint

.eslintignore

@@ -0,0 +1,10 @@
+# Statics
+public
+
+# Generated by the build
+dist
+*.min.js
+
+node_modules
+tmp
+.cache

.eslintrc.js

@@ -1,16 +1,40 @@
 module.exports = {
-  root: true,
-  env: {
-    node: true
+  'env': {
+    'es6': true,
+    'node': true
   },
   'extends': [
-    'plugin:vue/essential',
-    '@vue/standard'
+    'standard',
+    'plugin:vue/essential'
   ],
-  rules: {
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  'globals': {
+    'Atomics': 'readonly',
+    'SharedArrayBuffer': 'readonly'
   },
-  parserOptions: {
-    parser: 'babel-eslint'
+  'parserOptions': {
+    'ecmaVersion': 2018,
+  },
+  'plugins': [
+    'vue'
+  ],
+  'rules': {
+    'no-console': 'off',
+    'no-debugger': 'off',
+    'vue/html-end-tags': 'error',
+    'vue/html-indent': [
+      'error',
+      2
+    ],
+    'vue/require-prop-types': 'error',
+    'vue/attributes-order': 'error',
+    'vue/attribute-hyphenation': [
+      'error',
+      'always'
+    ],
+    'vue/html-quotes': [
+      'error',
+      'double'
+    ]
+
   }
 }

README.md

@@ -4,7 +4,11 @@ Capture few seconds as a gif for souvenir
 
 ## Project setup
 ```
-npm install
+npm i
+```
+of if you don't want to impact the package-lock
+```
+npm ci
 ```
 
 ### Compiles and hot-reloads for development
@@ -17,15 +21,10 @@ npm run serve
 npm run build
 ```
 
-### Run your tests
-```
-npm run test
-```
-
 ### Lints and fixes files
 ```
 npm run lint
 ```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+```
+npm run lint-fix
+```

package.json

@@ -4,7 +4,9 @@
   "private": true,
   "scripts": {
     "serve": "parcel src/index.html",
-    "build": "parcel build src/index.html"
+    "build": "parcel build src/index.html",
+    "lint": "eslint --ext .js,vue .",
+    "lint-fix": "eslint --ext .js,vue . --fix"
   },
   "dependencies": {
     "gif-writer": "^0.9.3",
@@ -15,6 +17,13 @@
   "devDependencies": {
     "@vue/component-compiler-utils": "^2.6.0",
     "autoprefixer": "^9.4.10",
+    "eslint": "^5.15.1",
+    "eslint-config-standard": "^12.0.0",
+    "eslint-plugin-import": "^2.16.0",
+    "eslint-plugin-node": "^8.0.1",
+    "eslint-plugin-promise": "^4.0.1",
+    "eslint-plugin-standard": "^4.0.0",
+    "eslint-plugin-vue": "^5.2.2",
     "parcel-bundler": "^1.12.0",
     "parcel-plugin-static-files-copy": "^2.0.0",
     "vue-hot-reload-api": "^2.3.3",

src/components/capture-options.vue

@@ -1,11 +1,11 @@
 <template lang="html">
   <div class="options">
-    <select class="options__select" v-model="timer.selected" @change="updateTimer(timer.selected)" :disabled="encoding.status">
+    <select v-model="timer.selected" class="options__select" :disabled="encoding.status" @change="updateTimer(timer.selected)">
       <option v-for="time in timer.list" :key="time" :value="time">
         {{ timeLabel(time) }}
       </option>
     </select>
-    <button class="options__btn" @click="back" :disabled="encoding.status"><icon-switch/>switch</button>
+    <button class="options__btn" :disabled="encoding.status" @click="back"><icon-switch/>switch</button>
   </div>
 </template>
 

src/views/capture.vue

@@ -1,11 +1,11 @@
 <template lang="html">
   <div class="capture">
-    <div class="capture-progress" v-if="capturing.status">
+    <div v-if="capturing.status" class="capture-progress">
       <capture-progress></capture-progress>
     </div>
     <capture-options v-else></capture-options>
 
-    <div class="preview" ref="previewcontainer">
+    <div ref="previewcontainer" class="preview">
       <video ref="preview" class="preview-visual" preload="yes" autoplay muted playsinline webkit-playsinline></video>
     </div>
 

src/views/download.vue

@@ -5,7 +5,7 @@
       <button class="options__btn" @click="back">← back</button>
     </div>
 
-    <div class="preview" ref="previewcontainer">
+    <div ref="previewcontainer" class="preview">
       <img class="preview-visualImg" :src="downloading.objectUrl" alt="">
     </div>