<script setup lang="ts">
import WindowManager from './components/managers/WindowManager.vue';
import Content from './components/viewer/content/Content.vue';
import StatusBar from './components/viewer/statusbar/StatusBar.vue';
import TopBar from './components/viewer/TopBar.vue';


import { CreateWindow } from '@/services/Windows'

async function start(){
  CreateWindow('login');

  // DisplayToast('aqua', 'All plugins loaded successfully');
}

onMounted(() => {
  start();
})
</script>

<template>
  <div class="viewer">
    <WindowManager></WindowManager>

    
    <TopBar></TopBar>
    <Content></Content>
    <StatusBar></StatusBar>

    <!-- Managers -->
  </div>
</template>

<style scoped>
.viewer {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
}
</style>