<template>
  <div id="app">
    <chat/>
  </div>
</template>

<script>
import Chat from '@/components/Chat/index.vue'

export default {
  name: 'App',
  components: {
    Chat
  }
}
</script>

<style lang="scss">
  html, body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-image: url('./assets/main-bg.png');
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #app {
    width: 60vw;
  }
</style>
