Use require('vue') for non-ESM usage

[octref]

For the following Vue file

export default {
  props: {
    foo: String
  },
  data() {
    return {
      /** @type { import("./types").Item[] } */
      items: []
    }
  },
  methods: {
    add(text) {
      const item = { id: this.items.length, text, done: false }

      return this.items.push(item)
    }
  },
  created() {
    this.add(123443434343434343434)
  }
}

You might get the following error:

[Trace - 9:40:57 AM] Received notification 'textDocument/publishDiagnostics'.
Params: {
    "uri": "file:///Users/znck/Workspace/Experiments/type-why/src/components/HelloWorld.vue",
    "diagnostics": [
        {
            "range": {
                "start": {
                    "line": 7,
                    "character": 18
                },
                "end": {
                    "line": 7,
                    "character": 24
                }
            },
            "severity": 1,
            "message": "Cannot find name 'import'."
        },
        {
            "range": {
                "start": {
                    "line": 7,
                    "character": 24
                },
                "end": {
                    "line": 7,
                    "character": 25
                }
            },
            "severity": 1,
            "message": "'}' expected."
        }
    ]
}

That is because we add import Vue from 'vue' on top of your script file. For people not using TS or ESModules, we should use const Vue = require('vue') instead.