32 lines
666 B
Vue
32 lines
666 B
Vue
<script setup>
|
|
import {onMounted, reactive} from "vue";
|
|
|
|
const myInvoices = reactive({
|
|
'myInvoices': '',
|
|
'approvedInvoices': '',
|
|
'deniedInvoices': '',
|
|
})
|
|
|
|
onMounted(async () => {
|
|
const response = await fetch('/api/v1/dashboard/my-invoices');
|
|
const data = await response.json();
|
|
Object.assign(myInvoices, data);
|
|
});
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<p v-for="invoice in myInvoices.myInvoices" class="widget-content-item">
|
|
<a :href="'/invoices/my-invoices/' + invoice.slug" class="link">{{invoice.title}} ({{invoice.count}})</a>
|
|
<label>
|
|
{{invoice.amount}}
|
|
</label>
|
|
</p>
|
|
|
|
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|