38 lines
539 B
Vue
38 lines
539 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<h1>Welcome to Meteor!</h1>
|
||
|
|
<hello/>
|
||
|
|
<info/>
|
||
|
|
|
||
|
|
<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>
|