38 lines
675 B
Vue
38 lines
675 B
Vue
<template>
|
|
<div id="app">
|
|
<Video v-if="connection" v-bind:connection="connection"/>
|
|
<Configure v-else v-on:connect="offer"/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import Video from './components/video'
|
|
import Configure from './components/configure'
|
|
export default {
|
|
name: 'App',
|
|
components: {
|
|
Configure,
|
|
Video
|
|
},
|
|
data () {
|
|
return {
|
|
connectedUsers: null,
|
|
connectedToName: null,
|
|
connection: null
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
text-align: center;
|
|
color: #2c3e50;
|
|
margin-top: 10px;
|
|
}
|
|
</style>
|