Contact components refactoring

Author: realstoman

src/components/contact/ContactDetails.vue

@@ -1,5 +1,10 @@
+<script>
+export default {
+	props: ['contacts'],
+};
+</script>
+
 <template>
-	<!-- Contact details -->
 	<div class="w-full md:w-1/2">
 		<div class="text-left max-w-xl px-6">
 			<h2
@@ -31,10 +36,4 @@
 	</div>
 </template>
 
-<script>
-export default {
-	props: ['contacts'],
-};
-</script>
-
 <style lang="scss" scoped></style>

src/components/contact/ContactForm.vue

@@ -1,5 +1,9 @@
+<script>
+import Button from '../reusable/Button.vue';
+export default { components: { Button } };
+</script>
+
 <template>
-	<!-- Contact form -->
 	<div class="w-full md:w-1/2">
 		<div
 			class="leading-loose max-w-xl m-4 p-7 bg-secondary-light dark:bg-secondary-dark rounded-xl shadow-xl text-left"
@@ -88,9 +92,4 @@
 	</div>
 </template>
 
-<script>
-import Button from '../reusable/Button.vue';
-export default { components: { Button } };
-</script>
-
 <style lang="scss" scoped></style>