Files
full-stack-fastapi-template/{{cookiecutter.project_slug}}/frontend/src/App.vue
Sebastián Ramírez cd112bd683 Refactor/upgrade backend and frontend parts (#2)
* ♻️ Refactor and simplify backend code

* ♻️ Refactor frontend state, integrate typesafe-vuex accessors into state files

* ♻️ Use new state accessors and standardize layout

* 🔒 Upgrade and fix npm security audit

* 🔧 Update local re-generation scripts

* 🔊 Log startup exceptions to detect errors early

* ✏️ Fix password reset token content

* 🔥 Remove unneeded Dockerfile directives

* 🔥 Remove unnecessary print

* 🔥 Remove unnecessary code, upgrade dependencies in backend

* ✏️ Fix typos in docstrings and comments

* 🏗️ Improve user Depends utilities to simplify and remove code

* 🔥 Remove deprecated SQLAlchemy parameter
2019-03-11 13:36:42 +04:00

44 lines
1.1 KiB
Vue

<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 NotificationsManager from '@/components/NotificationsManager.vue';
import { readIsLoggedIn } from '@/store/main/getters';
import { dispatchCheckLoggedIn } from '@/store/main/actions';
@Component({
components: {
NotificationsManager,
},
})
export default class App extends Vue {
get loggedIn() {
return readIsLoggedIn(this.$store);
}
public async created() {
await dispatchCheckLoggedIn(this.$store);
}
}
</script>