Fix lint errors

babel.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}
+  presets: ["@vue/cli-plugin-babel/preset"],
+};

package.json

@@ -45,7 +45,7 @@
     "vue-template-compiler": "^2.6.11"
   },
   "eslintConfig": {
-    "root": true,
+    "root": false,
     "env": {
       "node": true
     },

src/components/Card.vue

@@ -36,8 +36,8 @@ export default {
     "topRight",
     "bottomLeft",
     "middleLeft",
-    "bottomRight"
-  ]
+    "bottomRight",
+  ],
 };
 </script>
 

src/components/CardGrid.vue

@@ -1,9 +1,7 @@
 <template>
   <div class="grid">
     <beat-loader :loading="!items"></beat-loader>
-    <div v-if="items && items.length === 0">
-      No Cards
-    </div>
+    <div v-if="items && items.length === 0">No Cards</div>
     <div class="items" v-if="items && items.length > 0">
       <router-link
         v-for="(item, index) in items"
@@ -28,8 +26,8 @@ export default {
   props: ["items"],
   components: {
     Card,
-    BeatLoader
-  }
+    BeatLoader,
+  },
 };
 </script>
 

src/components/CardModal.vue

@@ -50,20 +50,20 @@ export default {
       type: "SINGLE_USE",
       spend_limit: 0,
       spend_limit_duration: "TRANSACTION",
-      state: "OPEN"
+      state: "OPEN",
     };
   },
   methods: {
-    createCard: async function() {
+    createCard: async function () {
       const req = {
         url: "/card",
         method: "post",
         data: {
           memo: this.memo,
           spend_limit: Number(this.spend_limit),
           spend_limit_duration: this.spend_limit_duration,
-          state: this.state
-        }
+          state: this.state,
+        },
       };
       const token = this.card && this.card.token;
       if (token) {
@@ -74,8 +74,8 @@ export default {
       }
       const ret = await this.$store.dispatch("apiRequest", req);
       this.callback && this.callback(ret);
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/FundingModal.vue

@@ -20,25 +20,25 @@ export default {
     return {
       account_name: "",
       account_number: null,
-      routing_number: null
+      routing_number: null,
     };
   },
   methods: {
-    addFunding: async function() {
+    addFunding: async function () {
       if (this.account_number && this.routing_number) {
         const ret = await this.$store.dispatch("apiRequest", {
           url: "/fundingsource/bank",
           method: "post",
           data: {
             account_name: this.account_name,
             routing_number: this.routing_number,
-            account_number: this.account_number
-          }
+            account_number: this.account_number,
+          },
         });
         this.callback && this.callback(ret);
       }
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/Info.vue

@@ -10,8 +10,8 @@ export default {
   name: "Info",
   props: ["data"],
   components: {
-    VueJsonPretty
-  }
+    VueJsonPretty,
+  },
 };
 </script>
 

src/components/List.vue

@@ -1,9 +1,7 @@
 <template>
   <div>
     <beat-loader :loading="!items"></beat-loader>
-    <div v-if="items && items.length === 0">
-      No items
-    </div>
+    <div v-if="items && items.length === 0">No items</div>
     <router-link
       class="item"
       v-for="item in items"
@@ -26,8 +24,8 @@ export default {
   name: "List",
   props: ["items", "disableLink"],
   components: {
-    BeatLoader
-  }
+    BeatLoader,
+  },
 };
 </script>
 

src/components/Navbar.vue

@@ -3,22 +3,12 @@
     <router-link to="/">
       <img src="@/assets/logo.svg" />
     </router-link>
-    <router-link to="/card">
-      Cards
-    </router-link>
-    <router-link to="/transaction">
-      Transactions
-    </router-link>
-    <router-link to="/fundingsource">
-      Funding
-    </router-link>
+    <router-link to="/card"> Cards </router-link>
+    <router-link to="/transaction"> Transactions </router-link>
+    <router-link to="/fundingsource"> Funding </router-link>
     <toggle-button :value="darkMode" @change="toggleDarkMode" />
-    <a href="https://lithic.com" target="_blank">
-      Learn More
-    </a>
-    <a href="https://docs.lithic.com" target="_blank">
-      API Docs
-    </a>
+    <a href="https://lithic.com" target="_blank"> Learn More </a>
+    <a href="https://docs.lithic.com" target="_blank"> API Docs </a>
   </div>
 </template>
 
@@ -28,13 +18,13 @@ export default {
   computed: {
     darkMode() {
       return this.$store.state.darkMode;
-    }
+    },
   },
   methods: {
-    toggleDarkMode: function() {
+    toggleDarkMode: function () {
       this.$store.commit("toggleDarkMode");
-    }
-  }
+    },
+  },
 };
 </script>
 

src/components/PageHeader.vue

@@ -18,7 +18,7 @@
 <script>
 export default {
   name: "PageHeader",
-  props: ["title"]
+  props: ["title"],
 };
 </script>
 

src/components/Sidebar.vue

@@ -28,8 +28,8 @@ export default {
   computed: {
     requests() {
       return this.$store.state.requests;
-    }
-  }
+    },
+  },
 };
 </script>
 

src/main.js

@@ -15,13 +15,13 @@ Vue.use(VueChatScroll);
 Vue.use(VModal);
 Vue.use(ToggleButton);
 Vue.use(VueToastr, {
-  defaultPosition: "toast-bottom-left"
+  defaultPosition: "toast-bottom-left",
 });
 
 new Vue({
   el: "#app",
   router,
   store,
   template: "<App/>",
-  components: { App }
+  components: { App },
 });

src/router/index.js

@@ -18,39 +18,39 @@ const Router = new VueRouter({
     {
       path: "/",
       name: "Home",
-      component: HomePage
+      component: HomePage,
     },
     {
       path: "/card/:card_token",
       name: "Card",
-      component: CardPage
+      component: CardPage,
     },
     {
       path: "/card",
       name: "Cards",
-      component: CardsPage
+      component: CardsPage,
     },
     {
       path: "/transaction/:transaction_token",
       name: "Transaction",
-      component: TransactionPage
+      component: TransactionPage,
     },
     {
       path: "/transaction",
       name: "Transactions",
-      component: TransactionsPage
+      component: TransactionsPage,
     },
     {
       path: "/fundingsource*",
       name: "Funding",
-      component: FundingPage
+      component: FundingPage,
     },
     {
       path: "/apiKey",
       name: "API Key",
-      component: ApiKeyPage
-    }
-  ]
+      component: ApiKeyPage,
+    },
+  ],
 });
 
 Router.beforeEach((to, from, next) => {

src/store/index.js

@@ -28,7 +28,7 @@ export default new Vuex.Store({
           headers,
           method,
           baseURL,
-          url
+          url,
         };
 
         if (method === "get") {
@@ -45,15 +45,15 @@ export default new Vuex.Store({
             displayURL,
             method,
             params: req.params && (otherData.params || params),
-            data: !req.params && passedData
+            data: !req.params && passedData,
           });
         }
 
         return data || otherData;
       } catch (err) {
         window.toastr.e(err.response.data.message);
       }
-    }
+    },
   },
   mutations: {
     setApiKey: (state, request) => {
@@ -62,8 +62,8 @@ export default new Vuex.Store({
     setRequests: (state, request) => {
       state.requests = [...state.requests, request];
     },
-    toggleDarkMode: state => {
+    toggleDarkMode: (state) => {
       state.darkMode = !state.darkMode;
-    }
-  }
+    },
+  },
 });

src/views/ApiKeyPage.vue

@@ -36,28 +36,28 @@ export default {
   name: "ApiKeyPage",
   data() {
     return {
-      apiKey: ""
+      apiKey: "",
     };
   },
   methods: {
-    enterKey: async function(e) {
+    enterKey: async function (e) {
       e.preventDefault();
       await this.$store.commit("setApiKey", this.apiKey);
       const card = await this.$store.dispatch("apiRequest", {
         url: "/card",
         logging: false,
         data: {
-          page_size: 1
-        }
+          page_size: 1,
+        },
       });
 
       if (!card) {
         this.apiKey = "";
       } else {
         this.$router.push("/");
       }
-    }
-  }
+    },
+  },
 };
 </script>