Remove unneeded assignment

web/src/pages/Dashboard.vue

@@ -1,18 +1,20 @@
 <script>
+import NewBudget from '@/dialogs/NewBudget.vue';
+
 export default {
-    mounted () {
+    mounted() {
         this.$store.dispatch("fetchDashboard");
-    }
+    },
+    components: { NewBudget }
 }
 </script>
 
 <template>
-    <div v-for="budget in $store.getters.Budgets" class="budget-item">
-        <router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}</router-link>
-        <span class="time"></span>
-    </div>
-    <div class="budget-item">
-        <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#newbudgetmodal">New Budget</button>
-        <span class="time"></span>
-    </div>
+    <v-card cols="12" md="6" v-for="budget in $store.getters.Budgets" class="budget-item">
+        <v-card-title class="text-h5 grey lighten-2">
+            <router-link v-bind:to="'/budget/'+budget.ID">{{budget.Name}}</router-link>
+        </v-card-title>
+        <v-card-text><span class="time"></span></v-card-text>
+    </v-card>
+    <NewBudget />
 </template>