diff --git a/frontend/src/components/transactions/Index.vue b/frontend/src/components/transactions/Index.vue
index 9b81473418..c34dff9dda 100644
--- a/frontend/src/components/transactions/Index.vue
+++ b/frontend/src/components/transactions/Index.vue
@@ -153,7 +153,7 @@ export default {
       this.getTransactionList();
     },
     jumpToPage: function (event) {
-      // console.log('noticed a change!');
+      console.log('noticed a change in transactions/index.vue!');
       this.currentPage = event.page;
       this.downloadTransactionList(event.page);
     },
diff --git a/frontend/src/components/transactions/TransactionListLarge.vue b/frontend/src/components/transactions/TransactionListLarge.vue
index 6ec5b4b09a..5babbfb8b5 100644
--- a/frontend/src/components/transactions/TransactionListLarge.vue
+++ b/frontend/src/components/transactions/TransactionListLarge.vue
@@ -70,10 +70,10 @@
                   <span class="fas fa-angle-right" @click="toggleCollapse(data.item.id)" style="cursor: pointer;"></span>
                   <a :href="'./transactions/show/' + data.item.id" :title="data.value">
                   {{ data.item.description }}
-                  </a><br />
+                  </a><br/>
                   <span v-if="!data.item.collapsed">
                     <span v-for="(split, index) in data.item.splits" v-bind:key="index">
-                      &nbsp; &nbsp; {{ split.description }}<br />
+                      &nbsp; &nbsp; {{ split.description }}<br/>
                     </span>
                   </span>
                 </span>
@@ -89,11 +89,11 @@
                 <span :class="'text-muted ' + (!data.item.collapsed ? 'font-weight-bold' : '')" v-if="'transfer' === data.item.type.toLowerCase()">
                   {{ Intl.NumberFormat(locale, {style: 'currency', currency: data.item.currency_code}).format(data.item.amount) }}
                 </span>
-                <br />
+                <br/>
                 <!-- splits -->
                 <span v-if="!data.item.collapsed">
                   <span v-for="(split, index) in data.item.splits" v-bind:key="index">
-                    {{ Intl.NumberFormat(locale, {style: 'currency', currency: split.currency_code}).format(split.amount) }}<br />
+                    {{ Intl.NumberFormat(locale, {style: 'currency', currency: split.currency_code}).format(split.amount) }}<br/>
                   </span>
                 </span>
               </template>
@@ -103,29 +103,31 @@
               <template #cell(source_account)="data">
                 <!-- extra break for splits -->
                 <span v-if="true===data.item.split && !data.item.collapsed">
-                  <br />
+                  <br/>
                 </span>
                 <em v-if="true===data.item.split && data.item.collapsed">
                   ...
                 </em>
 
                 <!-- loop all accounts, hidden if split -->
-                <span v-for="(split, index) in data.item.splits" v-bind:key="index" v-if="false===data.item.split || (true===data.item.split && !data.item.collapsed)">
-                  <a :href="'./accounts/show/' + split.source_id" :title="split.source_name">{{ split.source_name }}</a><br />
+                <span v-for="(split, index) in data.item.splits" v-bind:key="index"
+                      v-if="false===data.item.split || (true===data.item.split && !data.item.collapsed)">
+                  <a :href="'./accounts/show/' + split.source_id" :title="split.source_name">{{ split.source_name }}</a><br/>
                 </span>
               </template>
               <template #cell(destination_account)="data">
                 <!-- extra break for splits -->
                 <span v-if="true===data.item.split && !data.item.collapsed">
-                  <br />
+                  <br/>
                 </span>
                 <em v-if="true===data.item.split && data.item.collapsed">
                   ...
                 </em>
 
                 <!-- loop all accounts, hidden if split -->
-                <span v-for="(split, index) in data.item.splits" v-bind:key="index" v-if="false===data.item.split || (true===data.item.split && !data.item.collapsed)">
-                  <a :href="'./accounts/show/' + split.destination_id" :title="split.destination_name">{{ split.destination_name }}</a><br />
+                <span v-for="(split, index) in data.item.splits" v-bind:key="index"
+                      v-if="false===data.item.split || (true===data.item.split && !data.item.collapsed)">
+                  <a :href="'./accounts/show/' + split.destination_id" :title="split.destination_name">{{ split.destination_name }}</a><br/>
                 </span>
               </template>
               <template #cell(menu)="data">
@@ -149,15 +151,16 @@
               <template #cell(category_name)="data">
                 <!-- extra break for splits -->
                 <span v-if="true===data.item.split && !data.item.collapsed">
-                  <br />
+                  <br/>
                 </span>
                 <em v-if="true===data.item.split && data.item.collapsed">
                   ...
                 </em>
 
                 <!-- loop all categories, hidden if split -->
-                <span v-for="(split, index) in data.item.splits" v-bind:key="index" v-if="false===data.item.split || (true===data.item.split && !data.item.collapsed)">
-                  <a :href="'./categories/show/' + split.category_id" :title="split.category_name">{{ split.category_name }}</a><br />
+                <span v-for="(split, index) in data.item.splits" v-bind:key="index"
+                      v-if="false===data.item.split || (true===data.item.split && !data.item.collapsed)">
+                  <a :href="'./categories/show/' + split.category_id" :title="split.category_name">{{ split.category_name }}</a><br/>
                 </span>
               </template>
             </BTable>
@@ -220,10 +223,10 @@ export default {
       this.$emit('jump-page', {page: value});
     },
     entries: function (value) {
-      console.log('detected new transactions!');
+      console.log('detected new transactions! (' + value.length + ')');
       this.parseTransactions();
     },
-    value: function(value) {
+    value: function (value) {
       console.log('Watch value!');
     }
   },
@@ -234,12 +237,12 @@ export default {
       // console.log('Start of parseTransactions. Count of entries is ' + this.entries.length + ' and page is ' + this.page);
       // console.log('Reported total is ' + this.total);
       if (0 === this.entries.length) {
-        console.log('Will not render now');
+        console.log('Will not render now because length is 0.');
         return;
       }
       console.log('Now have ' + this.transactions.length + ' transactions');
       for (let i = 0; i < this.total; i++) {
-        this.transactions.push({dummy: true,type: 'x'});
+        this.transactions.push({dummy: true, type: 'x'});
         // console.log('Push dummy to index ' + i);
         // console.log('Now have ' + this.transactions.length + ' transactions');
       }