<template>
  <div class="invite">
    <h1 class="subtitle">{{roomCode}}</h1>
    <qrcode :value="roomCode" :options="{ width: 200 }"/>
  </div>
</template>

<script>
import qrcode from '@chenfengyuan/vue-qrcode'

export default {
  name: 'Invite',
  components: {
    qrcode
  },
  props: {
    roomCode: {
      type: String,
      default: 'abc'
    }
  }
}
</script>

<style local>
.invite {
  text-align: center;
}
</style>
