Skip to content

Commit a24b926

Browse files
committed
Update Contact.vue
1 parent f7d2c9e commit a24b926

File tree

1 file changed

+50
-43
lines changed

1 file changed

+50
-43
lines changed

src/views/Contact.vue

Lines changed: 50 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,59 @@
11
<script>
2-
import feather from 'feather-icons';
3-
import ContactForm from '@/components/contact/ContactForm.vue';
4-
import ContactDetails from '@/components/contact/ContactDetails.vue';
2+
import feather from "feather-icons";
3+
import ContactForm from "@/components/contact/ContactForm.vue";
4+
import ContactDetails from "@/components/contact/ContactDetails.vue";
55
66
export default {
7-
components: {
8-
ContactForm,
9-
ContactDetails,
10-
},
11-
data: () => {
12-
return {
13-
contacts: [
14-
{
15-
id: 1,
16-
name: 'Sungai Buloh, Selangor, Malaysia',
17-
icon: 'map-pin',
18-
},
19-
{
20-
id: 2,
21-
name: 'nazmeaimanwork@gmail.com',
22-
icon: 'mail',
23-
},
24-
{
25-
id: 3,
26-
name: '6011-37064729',
27-
icon: 'phone',
28-
},
29-
],
30-
};
31-
},
32-
mounted() {
33-
feather.replace();
34-
},
35-
updated() {
36-
feather.replace();
37-
},
38-
methods: {},
7+
components: {
8+
ContactForm,
9+
ContactDetails,
10+
},
11+
data: () => {
12+
return {
13+
contacts: [
14+
{
15+
id: 1,
16+
name: "Sungai Buloh, Selangor, Malaysia",
17+
icon: "map-pin",
18+
},
19+
{
20+
id: 2,
21+
name: "nazmeaimanyunus@gmail.com",
22+
icon: "mail",
23+
},
24+
{
25+
id: 3,
26+
name: "6011-37064729",
27+
icon: "phone",
28+
},
29+
],
30+
};
31+
},
32+
mounted() {
33+
feather.replace();
34+
},
35+
updated() {
36+
feather.replace();
37+
},
38+
methods: {},
3939
};
4040
</script>
4141

4242
<template>
43-
<div
44-
class="container mx-auto flex flex-col-reverse md:flex-row py-5 md:py-10 md:mt-10"
45-
>
46-
<!-- Contact form -->
47-
<ContactForm />
43+
<div
44+
class="
45+
container
46+
mx-auto
47+
flex flex-col-reverse
48+
md:flex-row
49+
py-5
50+
md:py-10 md:mt-10
51+
"
52+
>
53+
<!-- Contact form -->
54+
<ContactForm />
4855

49-
<!-- Contact details -->
50-
<ContactDetails :contacts="contacts" />
51-
</div>
56+
<!-- Contact details -->
57+
<ContactDetails :contacts="contacts" />
58+
</div>
5259
</template>

0 commit comments

Comments
 (0)