How can I make a type of chat but without a backend?

Question

Vue.js

To save information, I use firebase realtime database
The idea is simple.
there is a text field and a button to add text to the object

<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})
    }
  }

then just display the list

<ul v-for="message in texts" :key="message">
  <li><b>{{message.user}}</b> {{message.message}}</li>  
</ul>

And everything is OK, within one tab. but if you open it in two tabs, it is not added to one array, but to different . It is logical.
But how do you trigger a component re-render if there is a change in two different browsers?

Can it be done without backing? otherwise Google gave out that it’s possible with a node and sockets,

it’s clear that you can throw a request every minute and check if anything has changed, but this is a crutch after all)

Answer 1

Google already answered your question

Answer 2

You can't do without backing. Node and sockets - back. You already have firebase. Here, use it .