Как правильно использовать Vue/Vuex для переноса id одного элемента в другой по клику?

Добрый день!
Помогите, пожалуйста, сориентироваться.
Есть список:

<ul class="tabel-day_menu-type">
    <li v-for='(type,i) in types'
         :key="type.id"
         @click="set_type(type)"
   >
         <span class="icon">
            {{ type.icon }}
        </span>
       <span class="icon_text">{{ type.text }}</span>
    </li>
</ul>

и есть таблица дней:

<table class="table">
    <tbody>
          <tr>
               <day-component
                  тут разные атрибуты для компонента
             ></day-component>
         </tr>
       </tbody>
  </table>

Шаблон для одного дня вынесен в отдельный компонент day-component, и перебирается нужно количество раз.

Предварительно я отмечаю нужные ячейки (данные по выбранным ячейкам собираются в отдельный массив элементов со значениями true).

Мне нужно по клику на любой из элементов списка вставить в выбранные ячейки id этого элемента списка.

Как мне правильно связать все это, используя Vue/VUEX (

const store = new Vuex.Store({....
   mutations: {...}
});

Vue.component('day-component',{...
   computed: {
      selected() {
          // собираем все выбранные ячейки и присваиваем им значение true  
           return this.days_selected[ get_day_id([this.day_index, this.w, this.u]) ] === true;
      }
});

var a = new Vue({...
   methods: {...}
});