Use currency component for transactions

web/src/pages/Account.vue

@@ -1,6 +1,7 @@
 <script lang="ts">
 import { defineComponent } from "vue"
 import Autocomplete, { Suggestion } from '../components/Autocomplete.vue'
+import Currency from "../components/Currency.vue";
 
 export default defineComponent({
     data() {
@@ -12,7 +13,7 @@ export default defineComponent({
             Amount: 0
         }
     },
-    components: { Autocomplete },
+    components: { Autocomplete, Currency },
     props: ["budgetid", "accountid"],
     methods: {
         saveTransaction(e : MouseEvent) {
@@ -81,10 +82,9 @@ export default defineComponent({
                         :href="'/budget/' + $store.getters.CurrentBudgetID + '/transaction/' + transaction.ID"
                     >{{ transaction.Memo }}</a>
                 </td>
-                <td
-                    style="width: 80px;"
-                    :class="transaction.Amount.Int < 0 ? 'negative' : ''"
-                >{{ transaction.Amount.Int / 100 }}</td>
+                <td>
+                    <Currency class="block" :value="transaction.Amount" />
+                </td>
                 <td
                     style="width: 20px;"
                 >{{ transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*") }}</td>