Currency

<template>
    <v-row no-gutters>
        <v-col lg="3" md="4" sm="6">
            <va-select-input :label="$t('demo.currencyId')" reference="currencies" v-model="model.currencyId">
            </va-select-input>
            <va-currency-input clearable :label="$t('demo.amount')" v-model="model.amount" :key="'amount_' + getCurrencyId" :options="{ currency: getCurrencyId, precision: 2 }"></va-currency-input>
        </v-col>
    </v-row>
</template>

<script>
export default {
    data() {
        return {
            model: {
                amount: 0,
                currencyId: { id: "USD", name: "Usd" },
            },
        };
    },
    computed: {
        getCurrencyId() {
            if (this.model && this.model.currencyId && this.model.currencyId.id) {
                return this.model.currencyId.id;
            }
            return "TRY";
        },
    }
};
</script>