Linting: head() function doesn't recognize data properties accessed through 'this'

[drew-chen]

Describe the bug
Linting: head() function doesn't recognize data properties accessed through 'this'. This is with the options api.

To Reproduce

https://codesandbox.io/s/ts-with-options-api-2cmek?file=/pages/index.vue:101-129

Fork the example in the docs: https://typescript.nuxtjs.org/examples/options-api/minimal.html
After that, add a head() function.

Expected behavior

Linter should recognize that it's from data().
Currently, I'm just ignoring certain lines.

[kevinmarrec]

@drew-chen You may need to do in some cases :

import Vue from 'vue'
import { MetaInfo } from 'vue-meta'

export default Vue.extend({
  head (): MetaInfo {
    return {
      // head stuff
    }
  }
})

For some reason, depending on how it's structured your component, I've found my self having trouble with typings if I didn't tell TypeScript that content returned by head was of type MetaInfo. And if it happens it has difficulties to get this typings.

[drew-chen]

Ah thank you. That should be added to documentation imo.