Closed2021/12/08にクローズ5

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

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

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

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

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

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 を消せば良いことを教えてもらいました！

で解決

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

このスクラップは2021/12/08にクローズされました