Как менять класс блока при клике на его элемент?

Vue.use( Vuex );

const store = new Vuex.Store({
    state: {
        list: [
          { title: 'option_1' },
          { title: 'option_2' },
          { title: 'option_3' },
          { title: 'option_4' },
        ],
        count: 0
    },
    mutations: {
        itemLike(  ) {

        },
    },
    actions: {},
    getters: {},
});

<template>
    <div class="app-list">
        <div class="app-list__text-fied-wrapper">
            <input class="app-list__textarea" v-model="value" @keyup.enter="addItem()">
        </div>
        <ul class="app-list__ul">
            <li class="app-list__li" v-for="item in listData()" :key="item.title">
                <span class="app-list__title">{{ item.title }}</span>
                <i class="app-list__icon  far fas fa-thumbs-up" @click="like(item)">{{ count }}</i>
            </li>
        </ul>
    </div>
</template>

    export default {
        name : 'ap-list',
        data() {
            return {
                value: '',
            };
        },
        computed: {
            count () {
                return this.$store.state.count
            }
        },
        methods : {
            listData() {
                return this.$store.state.list;
            },
            like(item) {
                this.$store.commit('itemLike', item); // обработчик  на иконки.
            }
        },
    };