Для сохранения информации использую firebase realtime database
Идея простая.
есть текстовое поле и кнопка добавления текста в обьект
<textarea v-model="textarea"></textarea>
<button @click="addText"> add</button>
data(){
return{
textarea:null,
texts:[ ]
}
},
methods:{
addText(){
this.texts.push({user:"admin", message:this.textarea})
}
}
потом просто вывести список
<ul v-for="message in texts" :key="message">
<li><b>{{message.user}}</b> {{message.message}}</li>
</ul>
и все ок, в пределах одной вкладки. но вот если открыть в двух вкладках то не добавляется в одмн массив, а в разные . Оно и логично.
Но как инициировать перерендер компонента если в двух разных браузерх происходит изменение?
Можно ли сделать без бека? а то гугл выдал что можно с нодой и сокетами
понятно что можно каждую минуту запрос кидать и проверять поменялось ли чего, но это костыль ведь)