49 lines
1013 B
Vue
49 lines
1013 B
Vue
<template>
|
|
<v-footer dark color="primary" padless>
|
|
<v-container class="d-flex justify-space-between align-center">
|
|
<div>
|
|
<v-btn
|
|
small
|
|
v-for="link in externalLinks"
|
|
:key="link.title"
|
|
text
|
|
:href="link.link"
|
|
target="_blank"
|
|
rounded
|
|
class="my-2"
|
|
>
|
|
{{ link.title }}
|
|
</v-btn>
|
|
</div>
|
|
<div>
|
|
<v-btn
|
|
small
|
|
v-for="item in social"
|
|
:href="item.link"
|
|
:key="item.icon"
|
|
class="mx-4 white--text"
|
|
icon
|
|
>
|
|
<v-icon>
|
|
{{ item.icon }}
|
|
</v-icon>
|
|
</v-btn>
|
|
</div>
|
|
</v-container>
|
|
</v-footer>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data: () => ({
|
|
externalLinks: [
|
|
{ title: 'About', link: '/about' },
|
|
{ title: 'Docs', link: '/docs' },
|
|
],
|
|
social: [
|
|
{ icon: 'mdi-gitlab', link: 'https://gitlab.com/grassrootseconomics' },
|
|
],
|
|
}),
|
|
}
|
|
</script>
|