From 1da4bd263866a37c4cf3797791e0ba028f6b3473 Mon Sep 17 00:00:00 2001
From: William Brawner <me@wbrawner.com>
Date: Tue, 24 Mar 2020 18:18:14 -0700
Subject: [PATCH] Fix lint errors/warnings

Signed-off-by: William Brawner <me@wbrawner.com>
---
 src/components/ProgressBar.vue                | 10 ++++-
 src/components/budget/BudgetForm.vue          |  9 ++--
 src/components/category/CategoryForm.vue      |  5 ++-
 src/components/category/CategoryList.vue      | 24 ++++++++---
 .../transaction/TransactionForm.vue           | 42 ++++++++++++-------
 .../transaction/TransactionList.vue           | 15 +++++--
 src/store/index.js                            |  6 +--
 7 files changed, 79 insertions(+), 32 deletions(-)

diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
index f682429..f37d66b 100644
--- a/src/components/ProgressBar.vue
+++ b/src/components/ProgressBar.vue
@@ -7,8 +7,14 @@
 export default {
     name: 'ProgressBar',
     props: {
-        value: Number,
-        max: Number,
+        value: {
+            type: Number,
+            default: 0,
+        },
+        max: {
+            type: Number,
+            default: 0,
+        },
         invertColors: Boolean,
     },
     computed: {
diff --git a/src/components/budget/BudgetForm.vue b/src/components/budget/BudgetForm.vue
index db06c37..d2f52ca 100644
--- a/src/components/budget/BudgetForm.vue
+++ b/src/components/budget/BudgetForm.vue
@@ -39,7 +39,10 @@ export default {
     components: {
     },
     props: {
-        budget: {},
+        budget: {
+            default: {},
+            type: () => {},
+        },
     },
     data: function() {
         return {
@@ -56,8 +59,8 @@ export default {
             this.user = undefined
             this.budget.users = this.budget.users.filter(u => u.user !== user)
             this.budget.users.push({
-                'user': user,
-                'permission': 2,
+                user: user,
+                permission: 2,
             })
         },
         saveBudget() {
diff --git a/src/components/category/CategoryForm.vue b/src/components/category/CategoryForm.vue
index 2548f8e..6a4e06c 100644
--- a/src/components/category/CategoryForm.vue
+++ b/src/components/category/CategoryForm.vue
@@ -45,7 +45,10 @@ export default {
     components: {
     },
     props: {
-        category: Object,
+        category: {
+            default: () => {},
+            type: Object,
+        },
     },
     data: function() {
         return {
diff --git a/src/components/category/CategoryList.vue b/src/components/category/CategoryList.vue
index baa4e7b..cbb3b97 100644
--- a/src/components/category/CategoryList.vue
+++ b/src/components/category/CategoryList.vue
@@ -4,8 +4,17 @@
 			<a class="category-summary" @click="view(category.id)">
 				<div class="category-info">
 					<p class="category-name">{{ category.name }}</p>
-					<p
-						class="category-balance">{{ category.expense ? 'Remaining' : 'Pending' }}: {{ (categoryRemainingBalance(category) / 100).toLocaleString(undefined, {style: 'currency', currency: 'USD'}) }}</p>
+					<p class="category-balance">
+						{{ category.expense ? "Remaining" : "Pending" }}:
+						{{
+							(
+								categoryRemainingBalance(category) / 100
+							).toLocaleString(undefined, {
+								style: "currency",
+								currency: "USD"
+							})
+						}}
+					</p>
 				</div>
 				<ProgressBar
 					:max="category.amount"
@@ -25,8 +34,14 @@ export default {
         ProgressBar,
     },
     props: {
-        budgetId: Number,
-        expense: Boolean,
+        budgetId: {
+            default: 0,
+            type: Number,
+        },
+        expense: {
+            default: true,
+            type: Boolean,
+        },
     },
     computed: {
         ...mapState(['categories', 'currentCategory']),
@@ -67,5 +82,4 @@ export default {
   justify-content: space-between;
   padding-bottom: 0.5em;
 }
-
 </style>
diff --git a/src/components/transaction/TransactionForm.vue b/src/components/transaction/TransactionForm.vue
index b9513c2..07e138b 100644
--- a/src/components/transaction/TransactionForm.vue
+++ b/src/components/transaction/TransactionForm.vue
@@ -1,24 +1,31 @@
 <template>
 	<div>
 		<div v-if="!loading" class="add-edit-transaction">
-			<h2>{{ transaction.id ? 'Edit' : 'Add' }} Transaction</h2>
-			<input v-model="transaction.name"
+			<h2>{{ transaction.id ? "Edit" : "Add" }} Transaction</h2>
+			<input
+				v-model="transaction.name"
 				type="text"
 				placeholder="Name"
 				title="Name">
-			<textarea v-model="transaction.description" placeholder="Description" title="Description" />
-			<input v-model.number="transaction.amount"
+			<textarea
+				v-model="transaction.description"
+				placeholder="Description"
+				title="Description" />
+			<input
+				v-model.number="transaction.amount"
 				type="number"
 				placeholder="Amount"
 				title="Amount">
 			<DatetimePicker :value="transaction.date" type="datetime" />
 			<div class="radio-container">
-				<input id="expense"
+				<input
+					id="expense"
 					v-model="transaction.expense"
 					type="radio"
 					:value="true">
 				<label for="expense">Expense</label>
-				<input id="income"
+				<input
+					id="income"
 					v-model="transaction.expense"
 					type="radio"
 					:value="false">
@@ -29,7 +36,9 @@
 					Select a budget
 				</option>
 				<option v-for="budget in budgets" :key="budget.id" :value="budget.id">
-					{{ budget.name }}
+					{{
+						budget.name
+					}}
 				</option>
 			</select>
 			<select v-model="transaction.categoryId">
@@ -60,7 +69,10 @@ export default {
         DatetimePicker,
     },
     props: {
-        transaction: {},
+        transaction: {
+            default: () => {},
+            type: Object,
+        },
     },
     data: function() {
         return {
@@ -96,19 +108,19 @@ export default {
 </script>
 <style scoped>
 .add-edit-transaction > * {
-    display: block;
-    width: 100%;
-    max-width: 500px;
+  display: block;
+  width: 100%;
+  max-width: 500px;
 }
 .radio-container {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .radio-container label {
-    margin-right: 1em;
+  margin-right: 1em;
 }
 .icon-loading {
-    margin-top: 16px;
+  margin-top: 16px;
 }
 </style>
diff --git a/src/components/transaction/TransactionList.vue b/src/components/transaction/TransactionList.vue
index 0257445..bc7c7fd 100644
--- a/src/components/transaction/TransactionList.vue
+++ b/src/components/transaction/TransactionList.vue
@@ -20,9 +20,18 @@ export default {
     name: 'TransactionList',
     components: {},
     props: {
-        budgetId: 0,
-        categoryId: 0,
-        limit: 0,
+        budgetId: {
+            default: 0,
+            type: Number,
+        },
+        categoryId: {
+            default: 0,
+            type: Number,
+        },
+        limit: {
+            default: 0,
+            type: Number,
+        },
     },
     computed: {
         ...mapState(['transactions', 'currentTransaction']),
diff --git a/src/store/index.js b/src/store/index.js
index e8d4fd2..eac2946 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -68,7 +68,7 @@ export default new Vuex.Store({
             if (budget.id) {
                 request = axios.put(OC.generateUrl(`/apps/twigs/api/v1.0/budgets/${budget.id}`), budget)
             } else {
-                request = axios.post(OC.generateUrl(`/apps/twigs/api/v1.0/budgets`), budget)
+                request = axios.post(OC.generateUrl('/apps/twigs/api/v1.0/budgets'), budget)
             }
             request.then(response => {
                 commit('addBudget', response.data)
@@ -140,7 +140,7 @@ export default new Vuex.Store({
             if (category.id) {
                 request = axios.put(OC.generateUrl(`/apps/twigs/api/v1.0/categories/${category.id}`), category)
             } else {
-                request = axios.post(OC.generateUrl(`/apps/twigs/api/v1.0/categories`), category)
+                request = axios.post(OC.generateUrl('/apps/twigs/api/v1.0/categories'), category)
             }
             request.then(response => {
                 commit('addCategory', response.data)
@@ -180,7 +180,7 @@ export default new Vuex.Store({
             if (transaction.id) {
                 request = axios.put(OC.generateUrl(`/apps/twigs/api/v1.0/transactions/${transaction.id}`), transaction)
             } else {
-                request = axios.post(OC.generateUrl(`/apps/twigs/api/v1.0/transactions`), transaction)
+                request = axios.post(OC.generateUrl('/apps/twigs/api/v1.0/transactions'), transaction)
             }
             request.then(response => {
                 commit('addTransaction', response.data)