<template>
    <div :class="[store.current_state.layout_style, store.current_state.menu_style]">
        <component v-bind:is="layout"></component>
    </div>
</template>
<script setup>
    import { computed } from 'vue';

    import '@/assets/sass/app.scss';

    import { useMeta } from '@/composables/use-meta';
    import { useStateStore } from '@/store/StateStore';

    useMeta({ title: 'EGURROLA' });

    const store = useStateStore();

    const layout = computed(() => {
        return store.current_state.layout;
    });
</script>
<script>
    // layouts
    import appLayout from './layouts/app-layout.vue';
    import authLayout from './layouts/auth-layout.vue';

    export default {
        components: {
            app: appLayout,
            auth: authLayout,
        },
    };
</script>
