Dynamically change `enabled` value

[joelambert]

Describe the bug Can't dynamically change the enabled value

To Reproduce Steps to reproduce the behavior:

1. Follow instructions in README to change the enabled value from scope data (https://github.com/theomessin/vue-chat-scroll#disable-vue-chat-scroll-using-configuration-prop)

Expected behavior To be able to change the enabled value reactively.

Additional context It appears that when following the docs and appending : to the directive, it doesn't load at all. Without this the directive loads but the config value is not reactive.

Any help much appreciated, thanks for the great utility!

[gsusmonzon]

@joelambert what i did was to bind the whole configuration object as a data property:

<ul class="messages" :v-chat-scroll="scrollOptions">

and

data() => {
  scrollOptions: { enabled: true, always: false, smooth: false, notSmoothOnInit: true },
},

It seemed to work

[FrontLeejonghun]

@gsusmonzon it's same not working. that code r u working?

[DOCHIS]

it's same not working.

[chiragparekh]

I am having same issue, data is not reactive. Is there any way I can fix this?