Reactive prop update within child component

[calebeaires]

Props within a child component are not being updated even if using watch-slots. Here is how I am using splitpane:

<template>
    <div>

       <!-- child component without splitpanes -->
       <!-- text value is updated -->
      <hello  :text="text" />

       <!-- child component into a splitpanes block -->
       <!-- using watch-slots -->
       <!-- text value is NOT updated -->
      <splitpanes watch-slots>
           <hello :text="text" />
      </splitpanes>

       <!-- extra: -->
       <!-- using watch-slots, here it works -->
       <!-- text value is updated -->
      <splitpanes watch-slots>
           {{text}}
      </splitpanes>

    </div>
</template>

Vue script code:

...
data(){
  return { text: "Hello split" }
}

mounted(){
    setTimeout(() => {
       this.$data.text = "Ok, I am a new text"
    }, 3000);

}

[antoniandre]

Thank you for your feedbacks. Please continue discussion and watch changes in #47.