<template>
  <div class="dream-maker">
    <h2>code {{ position }}</h2>
    <h4 v-show="isTurn">{{ session }}</h4>
  </div>
</template>

<script lang="ts">
import { defineComponent } from '@vue/composition-api'

export default defineComponent({
  name: 'DreamMaker',
  props: {
    position: { type: String, required: true },
    isTurn: { type: Boolean, required: true },
    session: { type: String, required: true }
  }
})
</script>

<style lang="scss" scoped>
.dream-maker {
  h4 {
    font-size: 24pt;
  }
}
</style>
