33 lines
574 B
Vue
33 lines
574 B
Vue
<script setup lang="ts">
|
|
|
|
import { useWordStore } from '~/store/word.store';
|
|
|
|
const wordStore = useWordStore();
|
|
|
|
await wordStore.fetchWordList()
|
|
</script>
|
|
|
|
<template>
|
|
<div id="words">
|
|
<div class="header">
|
|
<span>Word</span>
|
|
<span>Status</span>
|
|
<span>Submitter</span>
|
|
</div>
|
|
<Word v-for="word in wordStore.words" :word="word" />
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<style lang="css" scoped>
|
|
div#words {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
div.header {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
align-items: center;
|
|
}
|
|
</style> |