Для синхронизации или передаче данных между разными вкладками можно использовать LocalStorage

Во Vue можно даже сделать реактивную обертку.

Но можно гораздо проще и эффективней - через Broadcast Channel API. C помощью него можно создавать канал, постить в него сообщения и слушать сообщения приходящие в этот канал.

// Создаем канал
const bc = new BroadcastChannel("share_channel");

// Посылаем сообщение в канал
bc.postMessage("Сообщение какое-то");

// Ловим событие в канале
bc.onmessage = (event) => {
  console.log(event);
};

Также postMessage можно использовать для связи открытых окон ( login ) с родительским окном - window.opener.postMessage()

#js

Сколько в JS есть вариантов реализовать наследование?
Семь

#js #oop