<script lang="ts">
import NewBudget from '../dialogs/NewBudget.vue';
import { defineComponent } from 'vue';

export default defineComponent({
    props: ["budgetid"],
    components: { NewBudget }
})
</script>

<template>
    <h1>Budgets</h1>
    <v-container>
        <v-card 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}}{{budget.ID == budgetid ? " *" : ""}}</router-link>
            </v-card-title>
            <v-card-text><span class="time"></span></v-card-text>
        </v-card>
        <NewBudget />
    </v-container>
</template>