forked from NdoleStudio/httpsms
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathBlogAuthorBio.vue
More file actions
36 lines (34 loc) · 827 Bytes
/
BlogAuthorBio.vue
File metadata and controls
36 lines (34 loc) · 827 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<template>
<div class="d-flex mb-6 mt-8">
<v-avatar class="mb-n2">
<v-img :src="require('@/assets/img/arnold.png')"></v-img>
</v-avatar>
<div class="ml-2">
<p class="subtitle-1 mb-n1">Acho Arnold</p>
<a
class="mb-n4 text-decoration-none text--primary"
href="https://twitter.com/acho_arnold"
>
<v-icon color="#1DA1F2">{{ mdiTwitter }}</v-icon>
</a>
<a
class="ml-2 text-decoration-none text--primary"
href="https://github.com/AchoArnold"
>
<v-icon color="#FFFFFF">{{ mdiGithub }}</v-icon>
</a>
</div>
</div>
</template>
<script lang="ts">
import { mdiTwitter, mdiGithub } from '@mdi/js'
export default {
name: 'BlogAuthorBio',
data() {
return {
mdiTwitter,
mdiGithub,
}
},
}
</script>