fix(template): fix lint errors

Author: Walker Leite

template/client/App.vue

@@ -1,8 +1,8 @@
 <template lang="html">
   {{#extended}}
-    <router-view id="app"></router-view>
+  <router-view id="app" />
   {{else}}
-    <h1>\{{ hello }}</h1>
+  <h1>\{{ hello }}</h1>
   {{/extended}}
 </template>
 
@@ -17,9 +17,9 @@ export default {
   created() {
     // Boot Application
     this.$store.dispatch('async/syncLoopback');
-  }
+  },
   {{/extended}}
-}
+};
 </script>
 
 <style {{#extended}}lang="scss"{{else}}lang="css"{{/extended}}>

template/client/view/Dashboard.vue

@@ -9,10 +9,9 @@
 </template>
 
 <script>
-import HeaderContainer from './containers/HeaderContainer.vue';
-
 // HelloWorld
 import HelloWorld from '@/components/HelloWorld/HelloWorld.vue';
+import HeaderContainer from './containers/HeaderContainer.vue';
 
 export default {
   components: {

template/client/view/Login.vue

@@ -10,33 +10,33 @@
           <div class="form-group">
             <label for="email">Email</label>
             <input
+              id="email"
+              v-model="email"
               type="email"
               class="form-control"
-              id="email"
               aria-describedby="emailHelp"
               placeholder="Insert your email"
-              v-model="email"
               required>
           </div>
           <div class="form-group">
             <label for="senha">Password</label>
             <input
+              id="senha"
+              v-model="password"
               type="password"
               class="form-control"
-              id="senha"
               placeholder="Insert your password"
-              v-model="password"
               required>
           </div>
           <div
+            v-if="error"
             class="alert alert-danger"
-            role="alert"
-            v-if="error">\{{ error.message }}</div>
+            role="alert">\{{ error.message }}</div>
           <div class="flex">
             <a
               class="link"
-              @click.prevent="$refs.forgotPassword.show()"
-              href="#">
+              href="#"
+              @click.prevent="$refs.forgotPassword.show()">
               Forgot your password?
             </a>
             <button
@@ -73,13 +73,13 @@
               \{{ recoverError.message }}
             </b-alert>
             <input
+              ref="recoverEmail"
+              v-model="recoverEmail"
+              required
               type="email"
               class="form-control"
-              ref="recoverEmail"
               placeholder="Insert your email"
-              v-model="recoverEmail"
-              @keydown.enter="sendRecoverEmail"
-              required>
+              @keydown.enter="sendRecoverEmail">
           </form>
         </b-modal>
 
@@ -136,7 +136,6 @@ export default {
     },
     sendRecoverEmail() {
       const form = this.$refs.forgotPasswordForm;
-      const email = this.$refs.recoverEmail;
 
       this.recoverError = null;
       if (form.checkValidity()) {
@@ -154,7 +153,9 @@ export default {
             this.recoverError = err;
           });
       } else {
-        this.recoverError = {message: 'Please, check the inserted email and try again'};
+        this.recoverError = {
+          message: 'Please, check the inserted email and try again',
+        };
       }
     },
   },

template/client/view/Profile.vue

@@ -11,37 +11,37 @@
             class="form-group">
             <label for="senha">Old password</label>
             <input
+              id="senha"
+              v-model="password"
               type="password"
               class="form-control"
-              id="senha"
               placeholder="Insert the old password"
-              v-model="password"
               required>
           </div>
           <div class="form-group">
             <label for="senha-nova1">New password</label>
             <input
+              id="senha-nova1"
+              v-model="passwordNew1"
               type="password"
               class="form-control"
-              id="senha-nova1"
               placeholder="Insert the new password"
-              v-model="passwordNew1"
               required>
           </div>
           <div class="form-group">
             <label for="senha-nova2">Confirmation</label>
             <input
+              id="senha-nova2"
+              v-model="passwordNew2"
               type="password"
               class="form-control"
-              id="senha-nova2"
               placeholder="Confirm the new password"
-              v-model="passwordNew2"
               required>
           </div>
           <div
+            v-if="error"
             class="alert alert-danger"
-            role="alert"
-            v-if="error">\{{ error.message }}</div>
+            role="alert">\{{ error.message }}</div>
           <div class="flex">
             <button
               class="btn btn-danger"
@@ -74,6 +74,7 @@
 </template>
 
 <script>
+/* eslint-disable camelcase */
 export default {
   props: {
     access_token: {

template/client/view/containers/HeaderContainer.vue

@@ -14,8 +14,8 @@
       </b-navbar-brand>
 
       <b-collapse
-        is-nav
-        id="nav_collapse">
+        id="nav_collapse"
+        is-nav>
         <b-navbar-nav class="ml-auto">
           <b-nav-item :to="{name: 'profile'}">CHANGE PASSWORD</b-nav-item>
           <b-nav-item @click="onLogoutClick">LOG OUT</b-nav-item>