`watchQuery` can't work with `v2.1.3`

[shalldie]

watchQuery can't work with v2.1.3

I tried it like this:

import { Vue, Component } from 'nuxt-property-decorator';

@Component({
     ...
})
export default class IndexPage extends Vue {

    watchQuery: string[] = ['label', 'page'];
...

So strange, i see other hooks like asyncData works well, but watchQuery does nothing when query changes.

Here is a repository to show a demo: https://github.com/shalldie/nuxt-ts-watchQuery

[husayt]

Thanks for reporting. Let me investigate to see what's going on there.

[hartmut-co-uk]

Hi @shalldie it's part of ComponentOptions... try following:

@Component({
  ...,
  watchQuery: ['label', 'page']
})
export default class IndexPage extends Vue {    
...

[shalldie]

@hartmut-co-uk

yes it works for me. Thank u.

But it seems that i should to write the .d.ts extend for type ComponentOptions by myself?

This lib says it add hooks for class, so i think watchQuery could be a field/method of class ,which likes asyncData.

[hartmut-co-uk]

Apologies, I didn't notice there's been new releases since yesterday - I'll have another look tomorrow.

[shalldie]

I found that,

watchQuery must be part of ComponentOptions layout must be a static field of class.

I think thease should be the fields of class instance, or, a description should be in the readme.md

[husayt]

@shalldie have this been resolved or you still have the problem?

[shalldie]

@husayt it works with what @hartmut-co-uk said, let me close this issue.

[genu]

Can we have some clarity here? I don't think I understand the accepted workaround.

I get typing error when I add watchQuery to @Component