Added Vehicles

Added Bankimport, BankAccounts, BankStatements
Some Visual Changes
Added Contacts
Changes in VendorInvoices
Added layouts with default an one for Login PAge
Added Input Group Component

spaces/pages/customers/[mode]/[[id]].vue

@@ -11,8 +11,8 @@ const toast = useToast()
 const id = ref(route.params.id ? route.params.id : null )
 
 //Store
-const {customers } = storeToRefs(useDataStore())
-const {fetchCustomers, getCustomerById} = useDataStore()
+const {customers, contacts } = storeToRefs(useDataStore())
+const {fetchCustomers, getCustomerById, getContactsByCustomerId} = useDataStore()
 
 let currentCustomer = null
 
@@ -130,6 +130,24 @@ setupPage()
       Notizen:<br>
       {{currentCustomer.notes}}<br>
 
+      <UDivider
+        class="my-2"
+      />
+
+      Kontakte: <br>
+      <table>
+        <tr>
+          <th>Anrede</th>
+          <th>Name</th>
+          <th>Rolle</th>
+        </tr>
+        <tr v-for="contact in getContactsByCustomerId(currentCustomer.id)">
+          <td>{{contact.salutation}}</td>
+          <td>{{contact.fullName}}</td>
+          <td>{{contact.role}}</td>
+        </tr>
+      </table>
+
 <!--      Kontakte:<br>
       &lt;!&ndash;        <ul>
       <li v-for="contact in currentCustomer.contacts.data">{{contact.lastName}}, {{contact.firstName}}</li>
@@ -279,5 +297,7 @@ setupPage()
 </template>
 
 <style scoped>
-
+td {
+  padding: 0.2em;
+}
 </style>