nuxt-property-decoratorでfetchやfetchOnServerを利用できるようにする

Nuxt+TypeScriptで開発する時は、nuxt-property-decoratorを使ってるけど、
Nuxtv2.12から追加されたfetchやfetchOnServerがうまく動かない。。
その時、調べたときの備忘録。

一部のメソッドは、Component.registerHooksを使って登録する必要があるらしい。

ソース

こんな感じ。

Component.registerHooks(['fetch', 'fetchOnServer']);

@Component
export default class MyComponent extends Vue {
  async fetch() {};
  fetchOnServer() { return false };
}

以上!!

参考にしたサイトさま

• New fetch and fetchOnServer - Nuxt 2.12.x · Issue #72 · nuxt-community/nuxt-property-decorator