All files add.vue

0% Statements 0/17

0% Branches 0/1

0% Functions 0/1

0% Lines 0/17

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  <template>
  <form @submit.prevent="addTodoAndClear()">
    <input v-model="newTodo" type="text" class="p-4 w-full" placeholder="write a new todo ...">
  </form>
</template>

<script lang="ts" setup>
import { useTodoStore } from '~~/stores/TodoStore'
const store = useTodoStore()
const newTodo = ref('')
const addTodoAndClear = () => {
  if (newTodo.value.length !== 0) {
    store.addTodo(newTodo.value)
    newTodo.value = ''
  }
}
</script>