-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.vue
52 lines (43 loc) · 950 Bytes
/
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
<template>
<div class="container">
<div id="background" />
<div class="easter-egg-death-star"></div>
<transition name="fade">
<SbLoading v-if="!isLoaded"/>
</transition>
<transition name="fade">
<NuxtLayout name="default" v-if="isLoaded" >
<NuxtPage />
</NuxtLayout>
</transition>
</div>
</template>
<script setup>
import {useHead, useRoute} from "nuxt/app";
const route = useRoute()
useHead({
titleTemplate: `%s - Swapi Browser`,
title: route.meta.title,
viewport: 'width=device-width, initial-scale=1, maximum-scale=1',
charset: 'utf-8',
meta: [
{ name: 'description', content: route.meta.description }
]
});
</script>
<script>
import {store} from "./store";
export default {
async mounted() {
await this.$swapi.load();
},
computed: {
isLoaded() {
return store.loaded;
}
}
}
</script>
<style lang="scss">
@import './assets/css/base';
</style>