🎉 First commit, from couchbase generator, basic changes
not tested / updated yet
This commit is contained in:
42
{{cookiecutter.project_slug}}/frontend/src/App.vue
Normal file
42
{{cookiecutter.project_slug}}/frontend/src/App.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<v-app>
|
||||
<v-content v-if="loggedIn===null">
|
||||
<v-container fill-height>
|
||||
<v-layout align-center justify-center>
|
||||
<v-flex>
|
||||
<div class="text-xs-center">
|
||||
<div class="headline my-5">Loading...</div>
|
||||
<v-progress-circular size="100" indeterminate color="primary"></v-progress-circular>
|
||||
</div>
|
||||
</v-flex>
|
||||
</v-layout>
|
||||
</v-container>
|
||||
</v-content>
|
||||
<router-view v-else />
|
||||
<NotificationsManager></NotificationsManager>
|
||||
</v-app>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import { Component, Vue } from 'vue-property-decorator';
|
||||
import { dispatchCheckLoggedIn, readIsLoggedIn, commitAddNotification } from '@/store/main/accessors';
|
||||
import NotificationsManager from '@/components/NotificationsManager.vue';
|
||||
|
||||
@Component({
|
||||
components: {
|
||||
NotificationsManager,
|
||||
},
|
||||
})
|
||||
export default class App extends Vue {
|
||||
|
||||
get loggedIn() {
|
||||
return readIsLoggedIn(this.$store);
|
||||
}
|
||||
|
||||
public async created() {
|
||||
await dispatchCheckLoggedIn(this.$store);
|
||||
}
|
||||
}
|
||||
</script>
|
Reference in New Issue
Block a user