Convert most code to ts

web/src/pages/Account.vue

@@ -1,7 +1,9 @@
-<script>
-export default {
+<script lang="ts">
+import { defineComponent } from "vue"
+
+export default defineComponent({
     props: ["budgetid", "accountid"]
-}
+})
 </script>
 
 <template>

web/src/pages/BudgetSidebar.vue

@@ -1,7 +1,9 @@
-<script>
-export default {
+<script lang="ts">
+import { defineComponent } from "vue"
+
+export default defineComponent({
   props: ['budgetid', 'accountid'],
-}
+})
 </script>
 
 <template>

web/src/pages/Dashboard.vue

@@ -1,10 +1,11 @@
-<script>
-import NewBudget from '@/dialogs/NewBudget.vue';
+<script lang="ts">
+import NewBudget from '../dialogs/NewBudget.vue';
+import { defineComponent } from 'vue';
 
-export default {
+export default defineComponent({
     props: ["budgetid"],
     components: { NewBudget }
-}
+})
 </script>
 
 <template>

web/src/pages/Login.vue

@@ -1,8 +1,9 @@
-<script>
+<script lang="ts">
 import { TITLE } from "../store/mutation-types";
 import { LOGIN } from '../store/action-types'
+import { defineComponent } from "vue";
 
-export default {
+export default defineComponent({
     data() {
         return {
             error: [],
@@ -30,7 +31,7 @@ export default {
             // TODO redirect to dashboard on success
         }
     }
-}
+})
 </script>
 
 <template>

web/src/pages/Settings.vue

@@ -1,7 +1,8 @@
-<script>
+<script lang="ts">
+import { defineComponent } from "vue"
 import { TITLE } from "../store/mutation-types"
 
-export default {
+export default defineComponent({
     data() {
         return {
             transactionsFile: null,
@@ -51,7 +52,7 @@ export default {
             this.$store.dispatch("YNAB", formData);
         }
     }
-}
+})
 </script>
 
 <template>