<template>
  <div>
    <component v-bind:is="whatScreen"></component>
  </div>
</template>

<script>
import Hello from './components/Hello.vue'
import Info from './components/Info.vue'
import Lobby from './components/Lobby.vue'

export default {
  components: {
    Hello,
    Info,
    Lobby,
  },

  data() {
    return {
      currentRoom: null,
      whatScreen: Lobby,
    };    
  },
}
</script>

<style>
  body {
    font-family: sans-serif;
    padding: 10px;
  }
</style>
