34 lines
481 B
Vue
34 lines
481 B
Vue
|
<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>
|