source: gs3-installations/atea/trunk/interfaces/atea/ocr/src/App.vue@ 36874

<script>
import { mapState } from "vuex";
import MainPage from "./components/MainPage.vue"
import ModalDialog, { ModalController } from "./components/ModalDialog.vue"
import SnackBar, { SnackController } from "./components/SnackBar.vue"

export default {
    name: "App",
    components: {
        MainPage,
        ModalDialog,
        SnackBar
    },
    computed: {
        ...mapState({
            translations: state => state.translations
        })
    },
    mounted() {
        ModalController.setModal(this.$refs.modalDialog);
        SnackController.setBar(this.$refs.snackBar);
    }
}
</script>

<template>
<div class="root">
    <main-page class="content" />
</div>

<SnackBar ref="snackBar" />
<modal-dialog ref="modalDialog" />
</template>

<style lang="scss">
html, body, #app {
    height: 100%;
    width: 100%;
}

.root {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.content {
    margin: 1em;
    flex-grow: 1;
}
</style>