Managing own invoices

app/Domains/Dashboard/Views/Dashboard.vue

@@ -1,8 +1,17 @@
 <script setup>
 import AppLayout from '../../../../resources/js/layouts/AppLayout.vue'
 import ShadowedBox from "../../../Views/Components/ShadowedBox.vue";
-import {onMounted} from "vue";
-import {toast} from "vue3-toastify";
+import MyInvoices from "./Partials/Widgets/MyInvoices.vue";
+
+const props = defineProps({
+    myInvoices: Object,
+})
+
+
+function newInvoice() {
+    window.location.href = '/invoice/new';
+}
+
 </script>
 
 <template>
@@ -13,7 +22,10 @@ import {toast} from "vue3-toastify";
             </shadowed-box>
 
             <shadowed-box  class="dashboard-widget-box">
-                Meine Abrechnungen
+                <MyInvoices />
+                <input type="button" value="Neue Abrechnung" @click="newInvoice" style="margin-top: 20px;">
+
+
             </shadowed-box>
         </diV>
     </AppLayout>
@@ -31,7 +43,6 @@ import {toast} from "vue3-toastify";
 
 .dashboard-widget-box {
     flex-grow: 1; display: inline-block;
-    height: 150px;
-    margin: 0 10px;
+     margin: 0 10px;
 }
 </style>