Invoice Widgets completed

app/Domains/Dashboard/Views/Partials/Widgets/MyInvoices.vue

@@ -0,0 +1,31 @@
+<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>