<template>
  <container>
    <img alt="Vue logo" src="../assets/logo.png">
    <h1 class="title">Lil' Streamy</h1>
    <RoomSelector/>
    <UsernameChooser/>
  </container>
</template>

<script>
import RoomSelector from './roomSelector'
import UsernameChooser from './usernameChooser'

export default {
  name: 'Video',
  components: {
    RoomSelector,
    UsernameChooser
  },
  data () {
    return {
      isLoading: true
    }
  },
  methods: {
    async saveName (user) {

    },
    async saveConnection (connection) {

    },
    async connect () {
      this.$emit('connect', this.name)
    }
  }
}
</script>

<style>

</style>
