diff --git a/src/components/OXTable.vue b/src/components/OXTable.vue index 4bf0a7a238574cc6a0b943e0343472febdd8adcf..f6412c8898be8d41611ba2184c522bb6b5b52edf 100644 --- a/src/components/OXTable.vue +++ b/src/components/OXTable.vue @@ -1,8 +1,9 @@ <template> <div> <div v-if="finish"> - <span v-if="winner !== '-'">{{ winner }} Win!!! </span> - <span v-else>Draw!!! </span> + <!-- <span v-if="winner !== '-'">{{ winner }} Win!!! </span> + <span v-else>Draw!!! </span> --> + <span>{{ result }}</span> <button @click="newGame">New Game</button> </div> <div v-else>{{ turn }} Turn..</div> @@ -36,6 +37,15 @@ export default { ] } }, + computed: { + result () { + if (this.finish && this.winner === '-') { + return 'Draw!!! ' + } else { + return this.turn + ' Win!!! ' + } + } + }, methods: { newGame () { this.count = 0