28 lines
522 B
Vue
28 lines
522 B
Vue
<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>
|