The script lang=ts showing misleading errors in .vue files

• [ x ] I have searched through existing issues
• [ x ] I have read through docs
• [ x ] I have read FAQ

Info

• Platform: Win
• Vetur version: 0.22.2
• VS Code version: 1.38.1

Problem

Reproducible Case

Try vue js ts project from scratch using @vue/cli with option typescript and check whether vetur <script lang="ts"> is properly validating model properties, vuex getters and actions.

Also my tsconfig.json looks like this:

{
	"compilerOptions": {
		"target": "es5",
		"module": "esnext",
		"strict": true,
		"jsx": "preserve",
		"importHelpers": true,
		"moduleResolution": "node",
		"experimentalDecorators": true,
		"esModuleInterop": true,
		"allowSyntheticDefaultImports": true,
		"sourceMap": true,
		"allowJs": false,
		"baseUrl": ".",
		"types": ["webpack-env", "jest"],
		"paths": {
			"@/*": ["src/*"]
		},
		"lib": ["esnext", "dom", "dom.iterable", "scripthost"]
	},
	"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx"],
	"exclude": ["node_modules"]
}

[octref]

When using lang="ts", you should use export default Vue.extend({...}). Otherwise the error checking might not be accurate.

[vertic4l]

Or just stop using bullshit like Vuex which encourages you to use magic strings to access a getter of a store. Go for MobX.

And even better: Stop using VueJS. It’s just garbage.