Convert NewBudget and TransactionRow

web/src/components/TransactionRow.vue

@@ -1,16 +1,16 @@
-<script lang="ts">
+<script lang="ts" setup>
 import { mapState } from "pinia";
-import { defineComponent } from "vue";
+import { computed, defineComponent } from "vue";
 import { useBudgetsStore } from "../stores/budget";
+import { Transaction } from "../stores/budget-account";
 import Currency from "./Currency.vue";
 
-export default defineComponent({
-    props: [ "transaction", "index" ],
-    components: { Currency },
-    computed: {
-        ...mapState(useBudgetsStore, ["CurrentBudgetID"])
-    }
-})
+const props = defineProps<{
+    transaction: Transaction,
+    index: number,
+}>();
+    
+const CurrentBudgetID = computed(()=> useBudgetsStore().CurrentBudgetID);
 </script>
 
 <template>