Adding `watchQuery` & `key` ?

[nuxt-community]

Adding `watchQuery` & `key` ?

[hartmut-co-uk]

Happy to contribute, can anyone point directions?
Would/Should it need to be added to nuxt-class-component - and used in here to replace vue-class-component - as it's nuxt specific?

[hartmut-co-uk]

pls see https://cmty.app/nuxt/nuxt-class-component/issues/c8

[breakingrobot]

@hartmut-co-uk Please open a pull request, I will be happy to merge it asap :)

[hartmut-co-uk]

First need to find a solution :-) will have to wait for the issue raised with nuxt-class-component to respond I think.

Many thanks for the reply though!

[hartmut-co-uk]

note - I think this will all be covered/resolved with nuxt/nuxt#4164

[husayt]

This is resolved with latest v2.1.3
We added

• watchQuery
• key
• loading

[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.

[Ettapp]

Better late than never: It should be put in the @Component decorator option parameter, like so:

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

[shalldie]

Better late than never: It should be put in the @Component decorator option parameter, like so:

@Component({

    watchQuery: ['label', 'page'],

})

export default class IndexPage extends Vue {

    // ...

}

Thx hahaha