Николай

Что-то глянул код , у вас стоит вотч на эмит, но сам эмит не увидел, что он обрабатывается.
В выводе компонента , вы выводите props, а меняете через switch данные в компоненте, как только вы соедините все через emit, у вас реактивность пропса будет работать.
Можно пойти дальше, и написать компонент, который будет принимать как раз 2 v-model, и не нужно будет прокидывать пропсы, вы тем самым уменьшите 1 уровень проброса emit
По сути, у вас на нижнем уровне данные поменялись, а родитель не увидел.
Вам надо обработать эмит и тогда даные у пользователя обновятся
Еще уберите вотч, если у вас можно изменение обработать по ```@change```

Вроде все верно,
Вызываете fetchProducts внутри по клику sendData, либо прям по клику можно сразу вызвать fetchProducts и передать туда вашу строку

Если правильно вас понял, то есть несколько вариантов
1- Самый очевидный
в дочерний компонент значение получается в виде props от родителя. В дочернем компоненте делаете emit и в родителе подписываетесь на изменение пропса по этому эмиту, итого у вас 1 переменная у родителя, но вы в дочернем компоненте посылаете событие на изменение
2- Через ref, получаете инстанс компонента и можете сделать там изменение, через какой-то метод, который будет возвращать вам true/false состояния
3- Стор

Но , это все избыточно, верное и правильное решение под 1 пунктом

Вопрос, а зачем вы напрямую удаляете из стора ? Опиши для начала что вы хотите сделать, и зачем вам хранить в localStorage целый стейт ?
Если хотите проверять авторизован или нет, то кладите токен, для этого не надо целую библиотеку тянуть

У вас тип имеет обязательные поля, поэтому при объявлении переменной у вас ругается на то, что объект не имеет обязательных полей
Можно пойти 2-мя путями
1- Сделать поля не обязательными,

interface reqiestType = {
  name?:string;
  age?:number;
}

2- Сделать не обязательные поля при объявлении переменной

interface reqiestType {
  name:string;
  age:number;
}
const data:Partial<reqiestType>  = {};

Пример

Ну и лучше использовать интерфейс в данном случае

Если коротко, то вот пример
Вам надо использовать фильтр со сложной логикой
https://www.acrit-studio.ru/pantry-programmer/know...

Возможно вы что-то не то делаете?
Набросал пример, на vue3, все работает

img:nth-child(1) {
            animation-delay: 0s;
          }

          img:nth-child(2) {
            animation-delay: 3s;
          }

          img:nth-child(3) {
            animation-delay: 6s;
          }

Если прям решение в лоб, то сделайте переменную, которая у вас будет хранить список ваших картинок, у вас он есть, вы же по нему делаете цикл, далее в цикле записывайте ширину, после цикла, у вас будет массив с шириной всех картинок, ну и проверить можно будет, что если у вас есть 0 в массиве, то делаете одно условие, если 0 нет, то другое

а как вы вызываете этот класс ?
export className = new ClassWebRtc ()?
или вы прям создаете 2 новых класса ?

https://learn.javascript.ru/fetch

чем вы собираете ?
Отключите кеширование на wordpress

Вам нужно добавить индекс, и проверить, что если индекс больше 0, то не выводить name,
Судя по коду, у вас цикл по картинкам идет, которую вы потом можете открыть и показать там текст, точно ли вы это хотите ?
Может вам нужен цикл по новостям и чтобы новости была 1 картинка и текст ?

Вотч отработает тогда, когда данные уже поменялись, и следовательно, если вы на него подпишитесь, у вас будет уже несколько тиков на обновление

<input :value="text" @input="addCurrentValue"/>
В которой вы уже можете решать, что делать с вводимым числом и потом менять то, что вам нужно

<svg :src="require('®/@material-icons/svg/1k/outline.svg')"></svg>