Skip to content

Commit bdae9b8

Browse files
realstomanrealstoman
committed
About dynamic contents
1 parent 84d0693 commit bdae9b8

File tree

2 files changed

+36
-42
lines changed

2 files changed

+36
-42
lines changed

‎src/components/about/AboutMe.vue

Lines changed: 32 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -8,52 +8,44 @@
88
/>
99
</div>
1010
<div class="w-full sm:w-3/4 text-left">
11-
<p class="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
12-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
13-
vel illum asperiores dignissimos cumque quibusdam et fugiat
14-
voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
15-
fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum,
16-
dolor sit amet consectetur adipisicing elit. Incidunt totam
17-
dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut
18-
quam natus similique inventore excepturi optio ipsa deleniti
19-
fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur
20-
adipisicing elit. Ipsum illo necessitatibus perspiciatis!
21-
Aperiam perferendis labore temporibus, eos culpa corporis
22-
recusandae quas, fuga voluptatibus nesciunt odit libero tenetur
23-
neque consequatur ea.
24-
</p>
25-
<p class="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
26-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
27-
vel illum asperiores dignissimos cumque quibusdam et fugiat
28-
voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
29-
fugit eligendi corporis laudantium adipisci soluta?
30-
</p>
31-
<p class="text-ternary-dark dark:text-ternary-light text-lg">
32-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
33-
vel illum asperiores dignissimos cumque quibusdam et fugiat
34-
voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
35-
fugit eligendi corporis laudantium adipisci soluta?
36-
</p>
37-
<p class="mb-4 text-ternary-dark dark:text-ternary-light text-lg">
38-
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
39-
vel illum asperiores dignissimos cumque quibusdam et fugiat
40-
voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
41-
fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum,
42-
dolor sit amet consectetur adipisicing elit. Incidunt totam
43-
dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut
44-
quam natus similique inventore excepturi optio ipsa deleniti
45-
fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur
46-
adipisicing elit. Ipsum illo necessitatibus perspiciatis!
47-
Aperiam perferendis labore temporibus, eos culpa corporis
48-
recusandae quas, fuga voluptatibus nesciunt odit libero tenetur
49-
neque consequatur ea.
11+
<p
12+
v-for="bio in bios"
13+
:key="bio.id"
14+
class="mb-4 text-ternary-dark dark:text-ternary-light text-lg"
15+
>
16+
{{ bio.bio }}
5017
</p>
5118
</div>
5219
</div>
5320
</template>
5421

5522
<script>
5623
export default {
57-
setup() {},
24+
setup() {
25+
return {
26+
bios: [
27+
{
28+
id: 1,
29+
bio:
30+
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt totam dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut quam natus similique inventore excepturi optio ipsa deleniti fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illo necessitatibus perspiciatis! Aperiam perferendis labore temporibus, eos culpa corporis recusandae quas, fuga voluptatibus nesciunt odit libero tenetur neque consequatur ea.',
31+
},
32+
{
33+
id: 2,
34+
bio:
35+
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta?',
36+
},
37+
{
38+
id: 3,
39+
bio:
40+
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta?',
41+
},
42+
{
43+
id: 4,
44+
bio:
45+
'Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil vel illum asperiores dignissimos cumque quibusdam et fugiat voluptatem nobis suscipit explicabo, eaque consequatur nesciunt, fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt totam dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut quam natus similique inventore excepturi optio ipsa deleniti fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsum illo necessitatibus perspiciatis! Aperiam perferendis labore temporibus, eos culpa corporis recusandae quas, fuga voluptatibus nesciunt odit libero tenetur neque consequatur ea.',
46+
},
47+
],
48+
};
49+
},
5850
};
5951
</script>

‎src/components/about/Clients.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<p
44
class="text-2xl sm:text-4xl text-primary-dark dark:text-primary-light font-sans font-semibold"
55
>
6-
Some of the best companies I worked with
6+
Some of the brands I worked with
77
</p>
88
<div class="grid grid-cols-2 sm:grid-cols-4 mt-10 sm:mt-20 gap-2">
99
<div>
@@ -68,6 +68,8 @@
6868

6969
<script>
7070
export default {
71-
setup() {},
71+
data: () => {
72+
return {};
73+
},
7274
};
7375
</script>

0 commit comments

Comments
 (0)