Dmitry Barkowski

Установите ключ нужному компоненту (componentKey = 1), используя директиву :key. При клике по документу обновите компонент, увеличив значение ключа на единицу (componentKey++). Запишите время последнего клика и далее стройте логику последующего клика исходя из времени последнего нажатия по документу.

Отправляете POST запрос с ID нужного поста, на бэкенде обрабатывается запрос, пролайкал ли пользователь пост, далее уже исходя из этих данных можно устанавливать отметку о лайке или удалении лайка. Тип данных в поле информации о лайке проще и удобнее устанавливать в ARRAY.

Если перевести содержание ошибки, то звучит примерно следующее:
"Используйте ключи только на реальных элементах"
Элемент template это условный элемент, поэтому решение проблемы будет таким:

<ul class = "dots">
  <li v-for = "(value, index) in cd.software" :key = "index">{{ value }}</li>
</ul>

Советую прочесть данную статью:
https://vuex.vuejs.org/ru/guide/modules.html

Все будет хорошо работать, можно реализовать использование этой библиотеки в отдельном компоненте и вызывать его с помощью props, которые уже определяют опции, доступные для нее (библиотеки).

В корневом компоненте приложения в секцию стилей добавьте
@import './path/to/your/common/styles.css';

Для принудительного обновления компонента проще всего использовать токены. К примеру.
В data создадим поле refreshToken со значением 1.
Добавим метод refreshComponent, который производит инкремент переменной refreshToken.
И к нужному элементу добавим значение v-bind:refresh-token = "refreshToken".
Теперь, когда нужно перерисовать компонент, просто вызываем метод refreshComponent.
Но все же, лучше подход будет использовать хранилище состояния vuex, он реактивен. Просто создай логику с v-if / v-else и оно будет работать как нужно.