<script setup lang="ts">
// socket.init(() => {})
</script>

<template>
  <router-view v-slot="{ Component }" class="main-content">
    <transition>
      <component :is="Component" />
    </transition>
  </router-view>
</template>

<style scoped lang="scss">
.main-content {
  width: 100%;
  height: 100%;
  //background: url("assets/images/background.jpg") no-repeat center;
  background-size: cover;
  overflow: hidden;
}
</style>
