From f825df41e0f998d3938637a8db5bfe50d6af0222 Mon Sep 17 00:00:00 2001
From: 62160286 <62160286@go.buu.ac.th>
Date: Thu, 23 Dec 2021 00:24:44 +0700
Subject: [PATCH] Add computed result
---
src/components/OXTable.vue | 14 ++++++++++++--
1 file changed, 12 insertions(+), 2 deletions(-)
diff --git a/src/components/OXTable.vue b/src/components/OXTable.vue
index 4bf0a7a..f6412c8 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
--
GitLab