summaryrefslogtreecommitdiff
path: root/packages/frontend/src/pages/reversi/game.board.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/frontend/src/pages/reversi/game.board.vue')
-rw-r--r--packages/frontend/src/pages/reversi/game.board.vue14
1 files changed, 6 insertions, 8 deletions
diff --git a/packages/frontend/src/pages/reversi/game.board.vue b/packages/frontend/src/pages/reversi/game.board.vue
index 61bd95d051..5988604652 100644
--- a/packages/frontend/src/pages/reversi/game.board.vue
+++ b/packages/frontend/src/pages/reversi/game.board.vue
@@ -151,7 +151,7 @@ import MkButton from '@/components/MkButton.vue';
import MkFolder from '@/components/MkFolder.vue';
import MkSwitch from '@/components/MkSwitch.vue';
import { deepClone } from '@/utility/clone.js';
-import { ensureSignin } from '@/i.js';
+import { $i } from '@/i.js';
import { i18n } from '@/i18n.js';
import { misskeyApi } from '@/utility/misskey-api.js';
import { userPage } from '@/filters/user.js';
@@ -160,8 +160,6 @@ import * as os from '@/os.js';
import { confetti } from '@/utility/confetti.js';
import { genId } from '@/utility/id.js';
-const $i = ensureSignin();
-
const props = defineProps<{
game: Misskey.entities.ReversiGameDetailed;
connection?: Misskey.IChannelConnection<Misskey.Channels['reversiGame']> | null;
@@ -182,13 +180,13 @@ const engine = shallowRef<Reversi.Game>(Reversi.Serializer.restoreGame({
}));
const iAmPlayer = computed(() => {
- return game.value.user1Id === $i.id || game.value.user2Id === $i.id;
+ return game.value.user1Id === $i?.id || game.value.user2Id === $i?.id;
});
const myColor = computed(() => {
if (!iAmPlayer.value) return null;
- if (game.value.user1Id === $i.id && game.value.black === 1) return true;
- if (game.value.user2Id === $i.id && game.value.black === 2) return true;
+ if (game.value.user1Id === $i?.id && game.value.black === 1) return true;
+ if (game.value.user2Id === $i?.id && game.value.black === 2) return true;
return false;
});
@@ -219,7 +217,7 @@ const isMyTurn = computed(() => {
if (!iAmPlayer.value) return false;
const u = turnUser.value;
if (u == null) return false;
- return u.id === $i.id;
+ return u.id === $i?.id;
});
const cellsStyle = computed(() => {
@@ -354,7 +352,7 @@ function onStreamEnded(x: {
}) {
game.value = deepClone(x.game);
- if (game.value.winnerId === $i.id) {
+ if (game.value.winnerId === $i?.id) {
confetti({
duration: 1000 * 3,
});