Typescript support inside .vue file?

[voxsoftware]

How get typescript support inside .vue file?

Example, something like this:

<script lang="ts" type="application/typescript">
	import axios from 'axios'
	import {program} from '../app'

	class Component{
		name = "Editor"
		vars: any = {}
		data: any 
		video: HTMLVideoElement
		file: File 
       ....
</script>

✘ [ERROR] Expected ";" but found ":"

    src/components/Editor.vue:235:5:
      235 │   vars: any = {}
          │       ^
          ╵       ;

1 warning and 1 error
/data/projects/Kodhe/videodiff-editor/ui/node_modules/esbuild/lib/main.js:1557
  let error = new Error(`${text}${summary}`);

[apeschar]

This was not yet supported because we were waiting for a PR to merge in a dependency (vuejs/vue-component-compiler#122). Since that doesn't seem to be happening, I've found another way.

Try upgrading to esbuild-vue version 1.1.0 (just released). It should work.