Vue 2.7

[pm-consultancy]

Please make it compatible with vue 2.7 (no need for vue-demi)

[AMontagu]

Hi Paul.
Thanks for the suggestion. I have reserved some time on monday for that.

[AMontagu]

Hello I have make it work with vue 2.7 on the next branche.

you can install it with npm i vue-datatable-url-sync@next

There is one side effect about vue router wich doesn't actually support the useRouter and useRoute but working on it:
vuejs/vue-router#3760
vuejs/vue-router#3763

You can find an example of how make it work here:
https://github.com/socotecio/vue-datatable-url-sync/blob/next/vue2.7-example/src/router/composable.js

Do not hesitate if you have any question and close your issue if its working as expected for you

[pm-consultancy]

I was just able to check it. But it's not working
Your example is changing the data, but not the url in the browser

If updated the component in my project, it doesn't work at all. (no loading data from the API)

[pm-consultancy]

I've narrowed down to the 'possible' culprit.

vue-datatable-url-sync/src/useDatatableUrlSync.ts

Line 105 in ea48ac8

watch(options, () => {

Doesn't get fired at all. for some reason, it doesn't pick up on the changes on the options object

[pm-consultancy]

The watcher on the Form object

vue-datatable-url-sync/src/useDatatableUrlSync.ts

Line 101 in ea48ac8

watch(form, () => {

isn't working either

[pm-consultancy]

After some digging I found it
instead of using
import useDatatableUrlSync from 'vue-datatable-url-sync'
You should use
import useDatatableUrlSync from 'vue-datatable-url-sync/src/useDatatableUrlSync'

[AMontagu]

Sorry for the late reply.
This should not be an issue. Actually using vue-datatable-url-sync/src/useDatatableUrlSync instead of vue-datatable-url-sync will use the typescript file directly instead of its transpiled version: dist/vue-datatable-url-sync.esm.js.

This is working in local for me. can't say much about that. I will retry it now just to be sure.

[AMontagu]

Okay so you right. It is working in local when using directly the file but not the transpiled one that is used by default by npm.
Seem like there is an issue with webpack or vue 2.7. Will try to update it.

[AMontagu]

@PaulMenheere So vue-demi is still required for building the library for both vue2 and vue3.
We just needed an update of vue-demi to make it work correctly with vue 2.7. I merged everything in master. So the version 2.0.1 shoul be available without the "next" tag.
Tell me if you face an issue and close the issue if it's working for you

[AMontagu]

@PaulMenheere I am closing this. Do not hesitate to reopen it if needed