ESLINT 2

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",

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>

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">

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"
     />

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>