Vue + Typescript 你们是怎么写单文件组件的？

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

公司一个项目近期要开启重构，40+页和组件过于庞大，原生的js已经让代码可读性和项目复杂度变得十分庞大，所以打算重构为Typescript拥抱大自然，顺便体验一下“真香”。
你们是怎么写Typescript的单文件组件的，最好同时有props、components、mixins、computed、watch、emit和lifeCycle的处理。
第一次转Typescript，缺乏经验容易写出丑陋的代码，跪求大佬指点经验，贴出代码以供学习。特地还为此翻了翻vue-class-component 没用过很慌…