nuxt-prawo-jazdy/pages/index.vue

43 lines
754 B
Vue

<script setup lang="ts">
const categories = [
"A",
"B",
"C",
"D",
"T",
"AM",
"A1",
"A2",
"B1",
"C1",
"D1",
"PT",
];
const examStore = useExamStore();
function setAndGo(category: string) {
examStore.category = category;
return navigateTo("/exam");
}
</script>
<template>
<div class="text-3xl">
<span>Test na prawo jazdy</span>
<p>
Witaj w teście na prawo jazdy, aby rozpocząć, naciśnij jeden z poniższych
przycisków:
<br />
</p>
<div class="flex flex-row flex-wrap gap-2">
<button
class="btn btn-xl btn-secondary"
v-for="category in categories"
@click="setAndGo(category)"
>
{{ category }}
</button>
</div>
</div>
</template>