Init commit

src/components/invoices/InvoiceContactDetails.vue

@@ -0,0 +1,36 @@
+<template>
+    <div>
+        <AppEditable :value="invoice.from_website"
+                     :errors="errors"
+                     field="from_website"
+                     placeholder="Add website"
+                     class="break-line"
+                     @change="updateProp({ from_website: $event })"/>
+        <AppEditable :value="invoice.from_email"
+                     :errors="errors"
+                     field="from_email"
+                     placeholder="Add email"
+                     class="break-line"
+                     @change="updateProp({ from_email: $event })"/>
+        <AppEditable :value="invoice.from_phone"
+                     :errors="errors"
+                     field="from_phone"
+                     placeholder="Add phone"
+                     @change="updateProp({ from_phone: $event })"/>
+    </div>
+</template>
+<script>
+import AppEditable from '../form/AppEditable';
+
+export default {
+  props: ['invoice', 'errors'],
+  components: {
+    AppEditable,
+  },
+  methods: {
+    updateProp(props) {
+      this.$emit('update', props);
+    },
+  },
+};
+</script>