/
app.vue
64 lines (58 loc) · 1.94 KB
/
app.vue
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<script lang="ts" setup>
import { VApp } from 'vuetify/components/VApp';
import { VFooter } from 'vuetify/components/VFooter';
import { VBtn } from 'vuetify/components/VBtn';
import { VDivider } from 'vuetify/components/VDivider';
import { VSpacer } from 'vuetify/components/VGrid';
import { SocialItems } from '~/data/models/generic';
const socials = ref(SocialItems);
const route = useRoute();
const isHomepage = ref(route.path === '/');
watch(
() => route.path,
() => {
isHomepage.value = route.path === '/';
}
);
</script>
<template>
<v-app>
<main-nav></main-nav>
<NuxtLoadingIndicator />
<NuxtPage />
<v-footer class="text-center d-flex flex-column pt-10" :class="{ 'bg-color-section': isHomepage }">
<div class="pb-2">
<v-btn
v-for="(social, i) in socials"
:key="i"
:href="social.href"
class="mx-4"
:icon="social.icon"
variant="text"
></v-btn>
</div>
<div class="pt-0">
<h2 class="subtitle">
<strong class="has-text-primary-00">Classic Mini DIY</strong> by
<a rel="noopener" target="_blank" href="https://youtube.com/c/classicminidiy?sub_confirmation=1">
Cole Gentry </a
>.
</h2>
<p class="pb-5">
Classic Mini DIY toolbox is a passion project aligned with the Classic Mini DIY youtube channel. This is a
completely free resource built to keep the Classic Mini technical knowledgebase alive for years to come.
Regularly updated and crowd sourced data made to help Classic Mini owners all over the world.
</p>
</div>
<v-divider></v-divider>
<div>{{ new Date().getFullYear() }} — <strong>Classic Mini DIY LLC</strong></div>
</v-footer>
<v-spacer></v-spacer>
<VitePwaManifest />
</v-app>
</template>
<style lang="scss">
.bg-color-section {
background-color: #f0f0f0;
}
</style>