Template
39 lines
739 B
Vue
39 lines
739 B
Vue
<script setup lang="ts">
|
|
import { useLobbyStore } from "~/store/lobby.store";
|
|
import { useUserStore } from "~/store/user.store";
|
|
|
|
export interface Props {
|
|
id: number;
|
|
}
|
|
|
|
const loading = ref(false);
|
|
|
|
const lobbyStore = useLobbyStore();
|
|
const userStore = useUserStore();
|
|
const props = defineProps<Props>();
|
|
|
|
const game = lobbyStore.games[props.id];
|
|
</script>
|
|
|
|
<template>
|
|
{{ game.id }}
|
|
<User
|
|
v-for="player in game.players"
|
|
:key="player.id"
|
|
:id="player.userId"
|
|
></User>
|
|
{{ game.started }}
|
|
{{ game }}
|
|
|
|
<NuxtLink :to="'/game/' + id"
|
|
><input type="button" value="open" :disabled="!userStore.self || loading"
|
|
/></NuxtLink>
|
|
<br />
|
|
</template>
|
|
|
|
<style lang="css" scoped>
|
|
input:disabled {
|
|
cursor: wait;
|
|
}
|
|
</style>
|