<template>
	<JhliveApp 
    class="container"
    ref="jhliveApp"
    :sdkAppID="sdkAppID"
    :userSig="userSig"
    :userid="userid" 
    :roomid="roomid" 
    :isAuthor="isAuthor"
    :linkMic="linkMic" />
</template>

<script>

export default {
	data() {
		return {
			
		};
	},
	props: {
		props: {
      sdkAppID: Number,
      userSig: String,
      userid: String,
      roomid: String, 
      isAuthor: Boolean,
      linkMic: Boolean
    },
	},
	mounted: function() {

	},
	destroyed: function() {
		
	},
	methods: {
		enterRoom: function() {
			this.$refs.jhliveApp.enterRoom();
		},
		exitRoom: function() {
			this.$refs.jhliveApp.exitRoom();
		}
	}
};
</script>

<style scoped>
.container {
  flex: 1;
}
</style>
