From 657a64781387256081aaf3b69c1b1e932dc4dbb8 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sat, 23 Apr 2022 11:12:35 +0000
Subject: [PATCH] ESLINT 2

---
 web/.eslintrc.js                      | 2 ++
 web/src/components/TransactionRow.vue | 4 ++--
 web/src/pages/Account.vue             | 2 +-
 web/src/pages/AllAccounts.vue         | 2 +-
 web/src/pages/BudgetSidebar.vue       | 2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/.eslintrc.js b/web/.eslintrc.js
index fa71bf5..3aa8946 100644
--- a/web/.eslintrc.js
+++ b/web/.eslintrc.js
@@ -9,6 +9,8 @@ module.exports = {
         // override/add rules settings here, such as:
         'vue/max-attributes-per-line': 'off',
         'vue/singleline-html-element-content-newline': 'off',
+        'vue/first-attribute-linebreak': 'off',
+        'vue/html-closing-bracket-newline': 'off',
         // 'vue/no-unused-vars': 'error'
     },
     parser: "vue-eslint-parser",
diff --git a/web/src/components/TransactionRow.vue b/web/src/components/TransactionRow.vue
index 84b1bc1..0ebebd5 100644
--- a/web/src/components/TransactionRow.vue
+++ b/web/src/components/TransactionRow.vue
@@ -42,7 +42,7 @@ function getStatusSymbol() {
     <td class="hidden md:block">
       {{ formatDate(TX.Date) }}
     </td>
-    <td class="pl-2 md:pl-0" v-if="withAccount">
+    <td v-if="withAccount" class="pl-2 md:pl-0">
       {{ TX.Account }}
     </td>
     <td class="pl-2 md:pl-0">
@@ -75,7 +75,7 @@ function getStatusSymbol() {
   <TransactionEditRow
     v-if="edit"
     :transactionid="TX.ID"
-    :withAccount="withAccount"
+    :with-account="withAccount"
     @save="edit = false"
   />
 </template>
diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index 7d43cc0..1371129 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -131,7 +131,7 @@ function createReconcilationTransaction() {
       :budgetid="budgetid"
       :accountid="accountid"
     />
-    <template v-for="(dayTransactions, key, index) in transactions.TransactionsByDate">
+    <template v-for="(dayTransactions, key, index) in transactions.TransactionsByDate" :key="key">
       <tr class="table-row md:hidden">
         <td class="py-2" colspan="5">
           <span class="bg-gray-400 dark:bg-slate-600 rounded-lg p-1 px-2 w-full block">
diff --git a/web/src/pages/AllAccounts.vue b/web/src/pages/AllAccounts.vue
index fc722f8..435db28 100644
--- a/web/src/pages/AllAccounts.vue
+++ b/web/src/pages/AllAccounts.vue
@@ -50,8 +50,8 @@ onMounted(() => {
     </tr>
     <TransactionRow
       v-for="(transaction, index) in transactions.ProblematicTransactionsList"
-      :withAccount="true"
       :key="transaction.ID"
+      :with-account="true"
       :transactionid="transaction.ID"
       :index="index"
     />
diff --git a/web/src/pages/BudgetSidebar.vue b/web/src/pages/BudgetSidebar.vue
index 4e3679e..c19b4ad 100644
--- a/web/src/pages/BudgetSidebar.vue
+++ b/web/src/pages/BudgetSidebar.vue
@@ -27,7 +27,7 @@ function toggleMenu() {
 
 <template>
   <div :class="[ExpandMenu ? 'md:w-72' : 'md:w-36', ShowMenu ? '' : 'hidden']"
-    class="md:block flex-shrink-0 w-full bg-gray-500 border-r-4 border-black">
+       class="md:block flex-shrink-0 w-full bg-gray-500 border-r-4 border-black">
     <div class="flex flex-col">
       <div class="m-2 md:px-3 p-1">
         <span class="font-bold-my-3 md:hidden font-bold text-5xl pr-3" @click="toggleMenu">≡</span>