Vue2 と Volar の組み合わせを試したけど props の型チェックが動かない

https://github.com/johnsoncodehk/volar/blob/17b50db7dbcee55457fa55127ad93a3806111abd/extensions/vscode-vue-language-features/README.md?_pjax=%23js-repo-pjax-container%2C div[itemtype%3D"http%3A%2F%2Fschema.org%2FSoftwareSourceCode"] main%2C [data-pjax-container]#using

Volar の README によると Vue2 に対応するには

• @vue/runtime-dom を追加
• Vue.extend ではなく composition-api の defineComponent を使用
• tsconfig.json に設定を追加

でいいらしいけど、これらを行っても動かない

試したリポジトリは↓のやつ

https://github.com/odan-sandbox/vue2-volar-sandbox2

Volar のコードをちょっと読んでわかった仕組みのメモ

• 型パズル用の .ts ファイルを生成
  • https://github.com/johnsoncodehk/volar/blob/a53bf93ffdc8f3c38b1a150b6cdb6a9cfcc379b7/packages/vscode-vue-languageservice/src/utils/localTypes.ts#L15
• @vue/runtime-dom を使って .vue ファイルをパース + AST 化(たぶん)
• 型パズル + パースした template の情報を使って、tsx ファイルを生成
  • この辺...？
    • https://github.com/johnsoncodehk/volar/blob/5b1bafa8bad5f6fd86b725ce770d49a477d1f8f5/packages/vscode-vue-languageservice/src/use/useSfcEntryForTemplateLs.ts#L19
• 生成した tsx ファイルを tsc に渡して型チェック

shims-tsx.d.ts を消せば良いことを教えてもらいました！

https://twitter.com/ushiro_noko/status/1468108652733435912

https://github.com/odan-sandbox/vue2-volar-sandbox2/commit/0f20228ce5ad0685a0ae83b37b2d59ecc909914d

で解決

README を改善するプルリクも投げておいた

https://github.com/johnsoncodehk/volar/pull/762