28 lines
719 B
Vue
28 lines
719 B
Vue
<template>
|
|
<Modal v-model:open="open">
|
|
<template v-for="i in max_guesses">
|
|
<WordleRow v-if="guesses.length >= i" guess="dsaf"/>
|
|
<UPinInput v-if="guesses.length == i" default class="mb-2" v-model="guess" color="neutral" size="xl" :length="length"/>
|
|
</template>
|
|
|
|
</Modal>
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Modal from './Modal.vue';
|
|
import WordleRow from './WordleRow.vue';
|
|
</script>
|
|
<script lang="ts">
|
|
export default {
|
|
data() {
|
|
return {
|
|
max_guesses: 5,
|
|
open: true,
|
|
guess: '',
|
|
length: 8,
|
|
guesses: ['asdf', 'asdf'],
|
|
}
|
|
}
|
|
}
|
|
</script> |