binxhealth#20 not linting the wdio.conf.js file. fixed linting warnin…

…gs in vue component

.eslintignore

@@ -1 +0,0 @@
-wdio.conf.js

package.json

@@ -9,7 +9,7 @@
     "e2e": "wdio",
     "build": "webpack",
     "start": "webpack-dev-server",
-    "lint": "eslint --ext .js,.vue src test wdio.conf.js"
+    "lint": "eslint --ext .js,.vue src test"
   },
   "author": "Ian Walter <[email protected]> (https://iankwalter.com)",
   "dependencies": {

src/components/Home.vue

@@ -1,36 +1,30 @@
 <template>
   <div class="container pt-4 pb-4">
-
     <section>
-
       <h2>People</h2>
 
       <div class="d-flex flex-wrap">
         <router-link
           v-for="(person, id) in results"
-          :to="`/people/${id}`"
           :key="id"
+          :to="`/people/${id}`"
           class="card m-2"
-          style="width: 12rem;">
-
+          style="width: 12rem;"
+        >
           <img
             :src="`https://starwars-visualguide.com/assets/img/characters/${id + 1}.jpg`"
             class="card-img-top"
-            alt="Card image cap">
+            alt="Card image cap"
+          >
 
           <div class="card-body">
-
             <h5 class="card-title m-0">
               {{ person.name }}
             </h5>
-
           </div>
-
         </router-link>
       </div>
-
     </section>
-
   </div>
 </template>
 

src/router.js

@@ -4,8 +4,10 @@ import VueRouter from 'vue-router'
 // Instruct Vue to use the router plugin.
 Vue.use(VueRouter)
 
+/* eslint-disable */ 
 const Home = () => import('@/components/Home')
 const Person = () => import('@/components/Person')
+/* eslint-enable */ 
 
 // Export a new Vue Router instance to be used in the application.
 export default new VueRouter({