Роман

<div
  v-for="item in splitComments"
  :key="item.id"
  class="comment-item"
>
  ...
  <span 
    class="comment-text" 
    v-for="(str, i) in item.textList" 
    :class="{highlight: i%2}"
  > 
      {{ str }} 
  </span>
</div>

computed: {
  splitComments() {
    return this.comments.map(item => ({
      ...item,
      textList: item.text.split(/(@\S+)/)
    }))
  }
}

.highlight {
  color: white;
  background: red;
}

methods: {
  highlightNames: str => str.replace(/(?<=^|\s)@\S+/g, '<span class="highlight">$&</span>'),
},

<div v-html="highlightNames(item.text)"></div>

Proxy

const store = new Proxy({
  a: 50
}, {
  set(target, property, value, receiver) {
    console.log(`Поле <${property}> было обновлено. Новое значение:`, value);
    return Reflect.set(target, property, value, receiver);
  }
});

store.a = 10;
// Поле <a> было обновлено. Новое значение: 10

Фотошоп
Если слой и/или его стили не растрированы, то кликаем два раза по слою, открывается окно стиля слоя. Переходим на вкладку «Тени» и смотрим значения

Например
box-shadow: inset 0 3px 5px 0 rgba(0,0,0, 0.21);



С градиентами также, если они выполнены стилем слоя. Но с ними в любом случае проще — просто взять пипеткой начало и конец (если градиент простой, линейный и одноцветный).

[func1, func2, func3].map(
  (func, idx) => window.setTimeout(func, idx * 2000)
);

function filterObjectProps<O extends Record<string, unknown>, P extends keyof O>(obj: O, props: readonly P[]) {
  const entries: [P, O[P]][] = [];
  for(const prop of props) {
    if(prop in obj) {
      entries.push([prop, obj[prop]]);
    }
  }
  return Object.fromEntries(entries) as {
    [K in P]: O[K];
  };
}

// ...
updateItem(id: string, updateItemDto: UpdateItemDto): Item {
  const item = this.getItemById(id);
  return {
    ...item,
    ...filterObjectProps(updateItemDto, ['name', 'lastname', 'prop1', 'prop2'])
  };
}

вместо проверки className, который содержит строку со всеми классами элемента, проверьте:event.target.classList.contains('delete__button')

Application -> LocalStorage

else if (num < 0 && num > 10) {
...
}

данное условие на человеческом языке звучит так:
если num меньше нуля и при этом num больше 10
Чувствуете подвох? )))

по идее должно быть так

else if (num < 0 || num > 10) {
...
}

там есть

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

Вам нужно такой же стиль добавить только в fill='%23fff' поменять fff на свой цвет (%23 это #)

Для реализации на CSS потребуются как минимум conic-gradient() и CSS Masks, и то и другое весьма далеко до широкой поддержки браузерами, поэтому гораздо проще будет просто сделать SVG картинку.

Как вариант - https://jsfiddle.net/ncjd769m/1/

Пример

Не по клику, а по ховеру (наведению). И никакого js тут нет и быть не должно.

Это делается на ховер, т.к. внутри есть ссылка на просмотр.