add eslint working conf

.eslintrc.json

@@ -6,26 +6,22 @@
     },
     "extends": [
         "eslint:recommended",
-        "plugin:vue/essential",
+        "plugin:vue/essential"
-        "plugin:vue/base",
-        "plugin:vue/strongly-recommended",
-        "plugin:vue/recommended"
     ],
     "globals": {
         "Atomics": "readonly",
         "SharedArrayBuffer": "readonly"
     },
     "parserOptions": {
-        "ecmaVersion": 2018,
+        "ecmaVersion": 2018
-        "sourceType": "module"
     },
     "plugins": [
         "vue"
     ],
     "rules": {
         "indent": [
-            "off",
+            "error",
-            2
+            4
         ],
         "linebreak-style": [
             "error",
@@ -36,10 +32,8 @@
             "single"
         ],
         "semi": [
-            "off",
+            "error",
-            "always"
+            "never"
-        ],
+        ]
-        "no-console": "off",
-        "strict": "off"
     }
 }

package.json

@@ -8,14 +8,20 @@
         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
         "prod": "npm run production",
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-        "eslint": "./node_modules/.bin/eslint resources/assets/js/ test/ --ext .js,.vue"
+        "eslint": "./node_modules/.bin/eslint resources/js/ --ext .js,.vue",
+        "lint": "eslint --ext .js,.vue resources/js/"
     },
     "devDependencies": {
         "axios": "^0.19",
         "babel-eslint": "^10.1.0",
         "cross-env": "^7.0",
         "eslint": "^6.8.0",
+        "eslint-config-standard": "^14.1.1",
         "eslint-loader": "^3.0.3",
+        "eslint-plugin-import": "^2.20.2",
+        "eslint-plugin-node": "^11.1.0",
+        "eslint-plugin-promise": "^4.2.1",
+        "eslint-plugin-standard": "^4.0.1",
         "eslint-plugin-vue": "^6.2.2",
         "laravel-mix": "^5.0.1",
         "laravel-mix-eslint": "^0.1.3",

resources/js/app.js

@@ -2,12 +2,13 @@ import Vue from 'vue'
 import router from './router'
 import App from './components/App'
 import store from './store'
-import SvgVue from 'svg-vue';
+import SvgVue from 'svg-vue'
 
-Vue.use(SvgVue);
+Vue.use(SvgVue)
 
-require('./bootstrap');
+require('./bootstrap')
 
+// eslint-disable-next-line no-unused-vars
 const app = new Vue({
     el: '#app',
 
@@ -15,4 +16,4 @@ const app = new Vue({
         App
     },
     router, store,
-});
+})

resources/js/bootstrap.js

@@ -1,7 +1,5 @@
-window._ = require('lodash');
+window._ = require('lodash')
-
-window.axios = require('axios');
-
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 
+window.axios = require('axios')
 
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'

resources/js/components/AlertBox.vue

@@ -9,7 +9,7 @@
 
 <script>
 export default {
-        name: "AlertBox",
+    name: 'AlertBox',
     props: {
         type: {
             type: String,

resources/js/components/App.vue

@@ -11,12 +11,12 @@
 </template>
 
 <script>
-    import Nav from "./Nav";
+import Nav from './Nav'
-    import TopBar from "./TopBar";
+import TopBar from './TopBar'
 import { mapGetters } from 'vuex'
 
 export default {
-        name: "App",
+    name: 'App',
     components : {
         Nav, TopBar
     },
@@ -32,6 +32,7 @@
         })
     },
     watch: {
+        // eslint-disable-next-line no-unused-vars
         $route(to, from) {
             this.$store.dispatch('setPageTitle', to.meta.title)
         }

resources/js/components/Avatar.vue

@@ -8,7 +8,7 @@
 
 <script>
 export default {
-        name: "Avatar",
+    name: 'Avatar',
     props: ['avatar', 'alt', 'size']
 }
 </script>

resources/js/components/InputField.vue

@@ -9,7 +9,7 @@
 <script>
 
 export default {
-        name: "InputField",
+    name: 'InputField',
     props: {
         name: {
             type: String,
@@ -41,7 +41,7 @@
     },
     methods: {
         updateField: function () {
-                this.clearErrors(this.name);
+            this.clearErrors(this.name)
             this.$emit('update:field', this.value)
         },
         errorMessage: function () {

resources/js/components/Loader.vue

@@ -6,7 +6,7 @@
 
 <script>
 export default {
-        name: "Loader",
+    name: 'Loader',
     data: function () {
         return {
             loading: false,

resources/js/components/Nav.vue

@@ -26,7 +26,7 @@
 
 <script>
 export default {
-        name: "Nav",
+    name: 'Nav',
     data: function () {
         return {
             toggleNav: true,
@@ -37,9 +37,9 @@
         (isTrueSet) ? this.toggleNav = true : this.toggleNav = false
     },
     methods: {
-            toggleNavBar() {
+        toggleNavBar(){
             this.toggleNav = !this.toggleNav
-                localStorage.setItem('navbar', JSON.stringify(this.toggleNav));
+            localStorage.setItem('navbar', JSON.stringify(this.toggleNav))
         }
     }
 }

resources/js/components/TextAreaField.vue

@@ -1,14 +1,21 @@
 <template>
     <div class="relative mb-2">
         <label v-if="label" :for="name" class="pb-1">{{ label }}</label>
-        <textarea :id="name" type="text" v-model="value" :placeholder="placeholder" @input="updateField()" :class="errorClassObject()" class="w-full h-64 rounded p-2">{{ data }}</textarea>
+        <textarea :id="name"
+                  type="text"
+                  v-model="value"
+                  :placeholder="placeholder"
+                  @input="updateField()"
+                  :class="errorClassObject()"
+                  class="w-full h-64 rounded p-2">
+        </textarea>
         <p class="text-red-600 m-0" v-text="errorMessage()">Error Here</p>
     </div>
 </template>
 
 <script>
 export default {
-        name: "TextAreaField",
+    name: 'TextAreaField',
     props: {
         name: {
             type: String,
@@ -39,7 +46,7 @@
     },
     methods: {
         updateField: function () {
-                this.clearErrors(this.name);
+            this.clearErrors(this.name)
             this.$emit('update:field', this.value)
         },
         errorMessage: function () {

resources/js/components/TopBar.vue

@@ -21,10 +21,10 @@
 
 <script>
 import { mapGetters } from 'vuex'
-    import Avatar from "./Avatar";
+import Avatar from './Avatar'
 
 export default {
-        name: "TopBar",
+    name: 'TopBar',
     components: {
         Avatar
     },

resources/js/components/UploadableImage.vue

@@ -12,7 +12,7 @@
 import { mapGetters } from 'vuex'
 
 export default {
-        name: "UploadableImage",
+    name: 'UploadableImage',
     props: {
         imageWidth: {
             type: Number,

resources/js/router.js

@@ -1,18 +1,18 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import Home from "./views/Home"
+import Home from './views/Home'
-import Profile from "./views/User/ProfileUser";
+import Profile from './views/User/ProfileUser'
-import ShowUser from "./views/User/ShowUser";
+import ShowUser from './views/User/ShowUser'
-import DashBoard from "./views/DashBoard";
+import DashBoard from './views/DashBoard'
-import CssTesteur from "./views/CssTesteur";
+import CssTesteur from './views/CssTesteur'
-import MemoIndex from "./views/Memo/MemoIndex";
+import MemoIndex from './views/Memo/MemoIndex'
-import MemoCreate from "./views/Memo/MemoCreate";
+import MemoCreate from './views/Memo/MemoCreate'
-import MemoShow from "./views/Memo/MemoShow";
+import MemoShow from './views/Memo/MemoShow'
-import MemoEdit from "./views/Memo/MemoEdit";
+import MemoEdit from './views/Memo/MemoEdit'
-import ToDoListIndex from "./views/ToDoLists/ToDoListIndex";
+import ToDoListIndex from './views/ToDoLists/ToDoListIndex'
-import ToDoListShow from "./views/ToDoLists/ToDoListShow";
+import ToDoListShow from './views/ToDoLists/ToDoListShow'
-import GameIndex from "./views/Games/GameIndex";
+import GameIndex from './views/Games/GameIndex'
-import Hangman from "./views/Games/HangMan/Hangman";
+import Hangman from './views/Games/HangMan/Hangman'
 
 Vue.use(VueRouter)
 

resources/js/store/modules/user.js

@@ -10,13 +10,15 @@ const getters = {
 }
 
 const actions = {
+    // eslint-disable-next-line no-unused-vars
     fetchAuthUser({commit, state}) {
+        // eslint-disable-next-line no-undef
         axios.get('/api/auth-user')
             .then(res => {
                 commit('setAuthUser', res.data)
             })
             .catch(error => {
-                console.log('Unable to fetch auth user')
+                console.log('Unable to fetch auth user' + error)
             })
     }
 }

resources/js/views/CssTesteur.vue

@@ -38,6 +38,6 @@
 
 <script>
 export default {
-        name: "CssTesteur"
+    name: 'CssTesteur'
 }
 </script>

resources/js/views/DashBoard.vue

@@ -11,21 +11,23 @@
 </template>
 
 <script>
-    import UserAdmin from "./User/UserAdmin";
+import UserAdmin from './User/UserAdmin'
 
 export default {
-        name: "DashBoard",
+    name: 'DashBoard',
     components: {
         UserAdmin
     },
     methods: {
         logout: function () {
+            // eslint-disable-next-line no-undef
             axios.post('logout')
                 .then(res => {
+                    // eslint-disable-next-line no-constant-condition
                     if(res.status === 302 || 401) {
                         window.location.href = '/login'
                     }
-                    }).catch(error => {
+                }).catch(() => {
 
                 })
         }

resources/js/views/Games/GameIndex.vue

@@ -8,10 +8,10 @@
 </template>
 
 <script>
-    import HangmanIndex from "./HangMan/HangmanIndex";
+import HangmanIndex from './HangMan/HangmanIndex'
 
 export default {
-        name: "GameIndex",
+    name: 'GameIndex',
     components: {
         HangmanIndex
     }

resources/js/views/Games/HangMan/Hangman.vue

@@ -3,7 +3,7 @@
         <h1 class="text-3xl text-center text-orange-900 font-bold">Pendu</h1>
         <p class="text-center mb-4">Trouve le mot du pendu - Saisi les lettres</p>
         <div class="flex justify-center dic-select">
-            <div v-for="(dic, key) in dictionary">
+            <div v-for="(dic, key) in dictionary" :key="key">
                 <a v-if="!selectedWord" class="btn-primary mr-1" @click="selectWord">{{ key }}</a>
             </div>
         </div>
@@ -49,7 +49,7 @@
 import json from './dict.json'
 
 export default {
-        name: "Hangman",
+    name: 'Hangman',
     data: function () {
         return {
             dictionary: json,
@@ -89,7 +89,7 @@
                     }
                 } else {
                     if(!this.wrongLetters.includes(letter)) {
-                            this.wrongLetters.push(letter);
+                        this.wrongLetters.push(letter)
 
                         this.updateWrongLettersEl()
                     } else {
@@ -104,15 +104,15 @@
                     .split('')
                     .map(
                         letter => {
-                            let toggleLetter = this.correctLetters.includes(letter) ? letter : '';
+                            let toggleLetter = this.correctLetters.includes(letter) ? letter : ''
-                            return '<span class="letter">' + toggleLetter +"</span>"
+                            return '<span class="letter">' + toggleLetter + '</span>'
                         }
-                    ).join('');
+                    ).join('')
 
-                const innerWord = this.wordEl.replace(/<span class="letter">|<\/span>/g, '');
+            const innerWord = this.wordEl.replace(/<span class="letter">|<\/span>/g, '')
 
             if(innerWord === this.selectedWord) {
-                    this.finalMessage = 'Gagné! 😃';
+                this.finalMessage = 'Gagné! 😃'
                 this.popup = true
                 this.newGame()
             }
@@ -121,30 +121,30 @@
             this.wrongLettersEl =
                 !this.wrongLetters ? '<p>Wrong</p>' : ''
                     +
-                    this.wrongLetters.map(letter => `<span>${letter}</span>`);
+                this.wrongLetters.map(letter => `<span>${letter}</span>`)
 
             // Display parts
             this.figureParts.forEach((part, index) => {
-                    const errors = this.wrongLetters.length;
+                const errors = this.wrongLetters.length
 
                 if(index < errors) {
                     part.style.display = 'block'
                 } else {
                     part.style.display = 'none'
                 }
-                });
+            })
 
             // Check if lost
             if(this.wrongLetters.length === this.figureParts.length) {
-                    this.finalMessage = 'Perdu. 😕';
+                this.finalMessage = 'Perdu. 😕'
                 this.popup = true
                 this.newGame()
             }
         },
         newGame: function () {
             this.popup = true
-                this.correctLetters.splice(0);
+            this.correctLetters.splice(0)
-                this.wrongLetters.splice(0);
+            this.wrongLetters.splice(0)
             this.letterBox = ''
             this.selectedWord = ''
             this.wrongLettersEl = ''

resources/js/views/Games/HangMan/HangmanIndex.vue

@@ -7,7 +7,7 @@
 
 <script>
 export default {
-        name: "HangmanIndex",
+    name: 'HangmanIndex',
     props: {
         link: {
             type: String,

resources/js/views/Home.vue

@@ -6,10 +6,10 @@
 </template>
 
 <script>
-    import OpenWeatherCard from "./Meteo/OpenWeatherCard";
+import OpenWeatherCard from './Meteo/OpenWeatherCard'
 
 export default {
-        name: "Home",
+    name: 'Home',
     components: {
         OpenWeatherCard
     }

resources/js/views/Memo/MemoCreate.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="p-4">
         <div class="flex justify-between flex-center mb-4">
-            <router-link to="/memos/" class="btn">< Back</router-link>
+            <router-link to="/memos/" class="btn">Back</router-link>
             <button @click="$router.back()" class="btn-alert">Cancel</button>
         </div>
         <form @submit.prevent="submitForm">
@@ -16,11 +16,11 @@
 </template>
 
 <script>
-    import InputField from "../../components/InputField";
+import InputField from '../../components/InputField'
-    import TextAreaField from "../../components/TextAreaField";
+import TextAreaField from '../../components/TextAreaField'
 
 export default {
-        name: "MemoCreate",
+    name: 'MemoCreate',
     components: {
         InputField, TextAreaField
     },
@@ -35,6 +35,7 @@
     },
     methods: {
         submitForm: function () {
+            // eslint-disable-next-line no-undef
             axios.post('/api/memos', this.form)
                 .then(response => {
                     this.$router.push(response.data.links.self)

resources/js/views/Memo/MemoEdit.vue

@@ -15,7 +15,7 @@
         </div>
         <div class="p-4">
             <div class="flex justify-between mb-4">
-                <router-link :to="'/memos/' + this.$route.params.id" class="btn">< Back</router-link>
+                <router-link :to="'/memos/' + this.$route.params.id" class="btn">Back</router-link>
             </div>
             <form @submit.prevent="submitForm">
                 <InputField name="name" :data="form.name" label="Title" placeholder="Your Title" required @update:field="form.name = $event" :errors="errors" />
@@ -31,12 +31,12 @@
 </template>
 
 <script>
-    import InputField from "../../components/InputField";
+import InputField from '../../components/InputField'
-    import TextAreaField from "../../components/TextAreaField";
+import TextAreaField from '../../components/TextAreaField'
-    import UploadableImage from "../../components/UploadableImage";
+import UploadableImage from '../../components/UploadableImage'
 
 export default {
-        name: "MemoEdit",
+    name: 'MemoEdit',
     components: {
         InputField, TextAreaField, UploadableImage
     },
@@ -53,6 +53,7 @@
     },
     methods: {
         submitForm: function () {
+            // eslint-disable-next-line no-undef
             axios.patch('/api/memos/' + this.$route.params.id, this.form)
                 .then(response => {
                     this.$router.push(response.data.links.self)
@@ -63,6 +64,7 @@
         }
     },
     mounted() {
+        // eslint-disable-next-line no-undef
         axios.get('/api/memos/' + this.$route.params.id)
             .then(response => {
                 this.form = response.data.data

resources/js/views/Memo/MemoIndex.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="p-4">
         <div class="flex justify-between flex-center mb-4">
-            <a href="#" class="btn" @click="$router.back()">< Back</a>
+            <a href="#" class="btn" @click="$router.back()">Back</a>
             <router-link :to="'/memos/create'" class="btn-primary">Add New Memo</router-link>
         </div>
         <Loader v-if="loading" />
@@ -25,10 +25,10 @@
 </template>
 
 <script>
-    import Loader from "../../components/Loader";
+import Loader from '../../components/Loader'
 
 export default {
-        name: "MemoIndex",
+    name: 'MemoIndex',
     components: {
         Loader
     },
@@ -39,12 +39,13 @@
         }
     },
     mounted() {
+        // eslint-disable-next-line no-undef
         axios.get('/api/memos')
             .then(response => {
                 this.memos = response.data.data
                 this.loading = false
             })
-                .catch(error => {
+            .catch(() => {
                 this.loading = false
                 console.log('Unable to fetch memos.')
             })

resources/js/views/Memo/MemoShow.vue

@@ -18,7 +18,7 @@
                 />
                 <div class="absolute flex flex-col justify-between w-full top-0 bottom-0">
                     <div class="flex items-center justify-between p-4">
-                        <router-link to="/memos/" class="btn-secondary">< Back</router-link>
+                        <router-link to="/memos/" class="btn-secondary">Back</router-link>
                         <div class="flex-middle">
                             <router-link :to="'/memos/' + memo.memo_id + '/edit'" class="btn-secondary mr-1" >Edit</router-link>
                             <a href="#" class="btn-alert" @click="modal = ! modal">Delete</a>
@@ -39,10 +39,10 @@
 
 <script>
 // import TagBox from "../Tag/TagBox";
-    import Loader from "../../components/Loader";
+import Loader from '../../components/Loader'
 let MarkdownIt = require('markdown-it'),
     md = new MarkdownIt()
-            .use(require('markdown-it-checkbox'));
+        .use(require('markdown-it-checkbox'))
 
 export default {
     name: 'MemoShow',
@@ -63,6 +63,7 @@
         }
     },
     mounted() {
+        // eslint-disable-next-line no-undef
         axios.get('/api/memos/' + this.$route.params.id)
             .then(response => {
                 this.memo = response.data.data
@@ -77,8 +78,9 @@
     },
     methods: {
         destroy: function () {
+            // eslint-disable-next-line no-undef
             axios.delete('/api/memos/' + this.$route.params.id)
-                    .then(response => {
+                .then(() => {
                     this.$router.push('/memos')
                 })
                 .catch(errorRes => {

resources/js/views/Meteo/OpenWeatherCard.vue

@@ -23,7 +23,7 @@
 
 <script>
 export default {
-        name: "OpenWeatherCard",
+    name: 'OpenWeatherCard',
     data: function () {
         return {
             loading: true,
@@ -34,7 +34,7 @@
         dateFormat(date) {
             const d = new Date(date)
             const dtf = new Intl.DateTimeFormat('fr', { year: '2-digit', month: 'short', day: '2-digit', hour: 'numeric' })
-                const [{ value: mo },,{ value: da },,{ value: ye },,{value: ho }] = dtf.formatToParts(d)
+            const [{ value: mo },,{ value: da },,{value: ho }] = dtf.formatToParts(d)
             return `${mo}/${da} - ${ho}h`
         }
     },
@@ -54,14 +54,14 @@
         }
 
         if (refreshMeteo) {
-                console.log("refreshing meteo data")
+            // eslint-disable-next-line no-undef
             axios.get('/api/meteo')
                 .then(response => {
                     this.meteo = response.data
                     this.loading = false
-                        localStorage.setItem('meteo', JSON.stringify(response.data));
+                    localStorage.setItem('meteo', JSON.stringify(response.data))
                 })
-                    .catch(error => {
+                .catch(() => {
                     console.log('Unable to fetch meteo.')
                 })
         }

resources/js/views/ToDoLists/ToDo.vue

@@ -15,7 +15,7 @@
 
 <script>
 export default {
-        name: "ToDo",
+    name: 'ToDo',
     data: function () {
         return {
             name: this.toDo.data.attributes.data.name,

resources/js/views/ToDoLists/ToDoList.vue

@@ -9,7 +9,7 @@
                     </div>
                     <ToDo v-else
                           v-for="(toDo, indexToDo) in toDoList.data.attributes.data.to_dos.data"
-                          key="indexToDo"
+                          :key="indexToDo"
                           :toDo="toDo"
                           :position="indexToDo" />
                 </ul>
@@ -23,11 +23,11 @@
 </template>
 
 <script>
-    import InputField from "../../components/InputField";
+import InputField from '../../components/InputField'
-    import ToDo from "./ToDo";
+import ToDo from './ToDo'
 
 export default {
-        name: "ToDoList",
+    name: 'ToDoList',
     components: {
         InputField, ToDo
     },
@@ -51,6 +51,7 @@
     },
     methods: {
         addToDo: function () {
+            // eslint-disable-next-line no-undef
             axios.post('/api/to-do-lists/' + this.toDoList.data.to_do_list_id + '/to-do', {name: this.name})
                 .then(res => {
                     this.toDoList.data.attributes.data.to_dos.data.push(res.data)
@@ -61,8 +62,9 @@
                 })
         },
         deleteToDo: function (toDo, position) {
+            // eslint-disable-next-line no-undef
             axios.delete('/api/to-do-lists/' + this.toDoList.data.to_do_list_id + '/to-do/' + toDo.data.to_do_id)
-                    .then(res => {
+                .then(() => {
                     this.toDoList.data.attributes.data.to_dos.data.splice(position, 1)
                 })
                 .catch(errorRes => {

resources/js/views/ToDoLists/ToDoListIndex.vue

@@ -10,7 +10,7 @@
             </div>
         </div>
         <div class="flex-between flex-center mb-1">
-            <a href="#" class="btn" @click="$router.back()">< Back</a>
+            <a href="#" class="btn" @click="$router.back()">Back</a>
 
             <a href="#" class="btn-primary" @click="modal = ! modal">Add New List</a>
         </div>
@@ -27,12 +27,12 @@
 </template>
 
 <script>
-    import Loader from "../../components/Loader";
+import Loader from '../../components/Loader'
-    import InputField from "../../components/InputField";
+import InputField from '../../components/InputField'
-    import ToDoList from "./ToDoList";
+import ToDoList from './ToDoList'
 
 export default {
-        name: "ToDoListIndex",
+    name: 'ToDoListIndex',
     components: {
         Loader, InputField, ToDoList
     },
@@ -46,6 +46,7 @@
         }
     },
     mounted() {
+        // eslint-disable-next-line no-undef
         axios.get('/api/to-do-lists')
             .then(res => {
                 this.toDoLists = res.data.data
@@ -60,6 +61,7 @@
     },
     methods: {
         create: function () {
+            // eslint-disable-next-line no-undef
             axios.post('/api/to-do-lists', {name: this.name})
                 .then(res => {
                     console.log(res)

resources/js/views/ToDoLists/ToDoListShow.vue

@@ -1,9 +1,9 @@
 <template>
-
+    <div></div>
 </template>
 
 <script>
 export default {
-        name: "ToDoListShow"
+    name: 'ToDoListShow'
 }
 </script>

resources/js/views/User/ProfileUser.vue

@@ -30,7 +30,7 @@
 
 <script>
 import { mapGetters } from 'vuex'
-    import UploadableImage from "../../components/UploadableImage";
+import UploadableImage from '../../components/UploadableImage'
 
 export default {
     name: 'Profil',

resources/js/views/User/ShowUser.vue

@@ -11,13 +11,9 @@
 </template>
 
 <script>
-    import UploadableImage from "../../components/UploadableImage";
 
 export default {
     name: 'Profile',
-        components: {
-            UploadableImage
-        },
     data: function () {
         return {
             loading: true,
@@ -25,7 +21,8 @@
         }
     },
     mounted() {
-            axios.get('/api/users/' + this.$route.params.id)
+        // eslint-disable-next-line no-undef
+        axios.get('/api/users/' + this.$route.params.id) // eslint-disable-line no-undef-init
             .then(response => {
                 this.user = response.data.data
                 this.loading = false

resources/js/views/User/UserAdmin.vue

@@ -36,7 +36,7 @@
                 <transition name="fade">
                 <ul v-if="userListToggle"  class="box-toggle-content">
                     <Loader v-if="loading" />
-                <li v-else v-for="user in users">
+                    <li v-else v-for="(user, index) in users" :key="index">
                         <router-link :to="'/users/' + user.data.user_id">{{ user.data.attributes.name }}</router-link> - {{ user.data.attributes.email }} - {{ user.data.attributes.last_login }} | {{ user.data.attributes.is_admin }}
                     </li>
                 </ul>
@@ -48,11 +48,11 @@
 </template>
 
 <script>
-    import {mapGetters} from 'vuex';
+import {mapGetters} from 'vuex'
-    import Avatar from '../../components/Avatar';
+import Avatar from '../../components/Avatar'
-    import AlertBox from '../../components/AlertBox';
+import AlertBox from '../../components/AlertBox'
-    import InputField from '../../components/InputField';
+import InputField from '../../components/InputField'
-    import Loader from "../../components/Loader";
+import Loader from '../../components/Loader'
 
 export default {
     name: 'UserAdmin',
@@ -80,6 +80,7 @@
         })
     },
     mounted() {
+        // eslint-disable-next-line no-undef
         axios.get('/api/users')
             .then(response => {
                 this.users = response.data.data
@@ -87,11 +88,12 @@
             })
             .catch(error => {
                 this.loading = false
-                    console.log('Unable to fetch users.')
+                console.log('Unable to fetch users.' + error)
             })
     },
     methods: {
         addMember: function () {
+            // eslint-disable-next-line no-undef
             axios.post('/api/users', {name: this.form.name, email: this.form.email})
                 .then(res => {
                     this.form.name = ''