mirror of
https://github.com/ArthurDanjou/spanish-learner.git
synced 2026-01-14 12:14:39 +01:00
69 lines
983 B
Vue
69 lines
983 B
Vue
<script setup lang="ts">
|
|
const ModalColumns = [
|
|
{
|
|
key: 'ser',
|
|
label: 'Ser',
|
|
},
|
|
{
|
|
key: 'estar',
|
|
label: 'Estar',
|
|
},
|
|
{
|
|
key: 'tener',
|
|
label: 'Tener',
|
|
},
|
|
{
|
|
key: 'haber',
|
|
label: 'Haber',
|
|
},
|
|
]
|
|
|
|
const ModalRows = [
|
|
{
|
|
ser: 'soy',
|
|
estar: 'estoy',
|
|
tener: 'tengo',
|
|
haber: 'he',
|
|
},
|
|
{
|
|
ser: 'eres',
|
|
estar: 'estás',
|
|
tener: 'tienes',
|
|
haber: 'has',
|
|
},
|
|
{
|
|
ser: 'es',
|
|
estar: 'está',
|
|
tener: 'tiene',
|
|
haber: 'ha',
|
|
},
|
|
{
|
|
ser: 'somos',
|
|
estar: 'estamos',
|
|
tener: 'tenemos',
|
|
haber: 'hemos',
|
|
},
|
|
{
|
|
ser: 'sois',
|
|
estar: 'estáis',
|
|
tener: 'tenéis',
|
|
haber: 'habéis',
|
|
},
|
|
{
|
|
ser: 'son',
|
|
estar: 'están',
|
|
tener: 'tienen',
|
|
haber: 'han',
|
|
},
|
|
]
|
|
</script>
|
|
|
|
<template>
|
|
<UCard class="md:col-span-2 md:row-span-2">
|
|
<template #header>
|
|
<h1>Modaux</h1>
|
|
</template>
|
|
<UTable :columns="ModalColumns" :rows="ModalRows" />
|
|
</UCard>
|
|
</template>
|