[v4] Props passed to Drawer components are not reactive about kirby HOT 1 CLOSED

Rewrote most of the panel field component where I encountered this problem. Now, the components making up the field component have clearer responsibilities and do not rely on any changeable outside state, except the value property, of course.

Starting the field component before 4.0.0-alpha.5, I was using a <k-drawer> component inside the field template. This made it possible to pass values from the parent field component into components rendered by the drawer using slots and properties.

Adapting the field to the $panel.drawer.open method, I passed down some of these props into the options object, expecting them to stay reactive within the drawer.

// From within the Field component
this.$panel.drawer.open({
  component: "k-custom-field-drawer",
  props: {
    fieldLoadingState: this.loading,
    value: this.value,
    …
  }
})

The magic, making value a reactive property of the drawer components seems to happen here and is only applied to props.value.

from kirby.