<template>
    <div class="app">
        <NuxtPage></NuxtPage>
        <PopupTemplate v-if="popup" :heading="popup.config.heading" :size="popup.config.size">
            <component :is="popup.component"></component>
        </PopupTemplate>
    </div>
</template>

<script setup lang="ts">
import {usePopup} from "~/components/ui/popup/Popup";
import PopupTemplate from "~/components/ui/popup/PopupTemplate.vue";

const popup = computed(() => usePopup().get());
</script>

<style>
.app {
    height: 100vh;
    width: 100vw;
}
</style>