Валидация данных в Компоненте Vue

возник вопрос как отрисовать данные по нужному полю

      <ul v-for="todo in allPosts" :key="todo.id">
        <li>
          {{todo.name}}
        </li>
      </ul>//Мой компонент 

С помощью геттера я получаю allPosts с хранилища

"posts": [
{
  "name": "new",
  "calendar_id": 1,
  "id": 1
},
{
  "name": "newTask",
  "calendar_id": 2,
  "id": 2
},

При клике у меня открывается модальное окно в которое я передаю элемент календаря (к примеру если 8 день, то передаю 8). Как я поняла, должны выглядеть примерно так:

    const post = posts.find(post => post.calendar_id === calendar_id)

Но как и где?