client/src/components/LeaderBoardCard.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script lang="ts">
  import { type LeaderBoardEntry } from "@engine/interfaces";

  export let entry: LeaderBoardEntry = {
    name: "simponic",
    score: 100,
  };
</script>

<div class="entry">
  <span class="name">{entry.name}</span>
  <span class="score">{entry.score}</span>
</div>

<style>
  .entry {
    display: flex;
    justify-content: space-between;
  }
</style>