Katashin

詳細な仕様は僕も把握してないですが、table は子孫要素の大きさを見て自身の大きさを決めてるので、子孫要素で % 指定してしまうとうまく動かない時がよくあります。 `top: 0;` とか `margin: auto;` は縦横中央揃えさせてるだけです。 例えば、上にくっつけたければ `bottom: 0;` を消せば良いです。 (以下は経験則からの推測が混じってます) `position: absolute;` すると、その要素は table の大きさを決めるときに使われなくなるので、table 部分が意図した大きさでレンダリングされるようになります。 その後に、img 要素が table-cell の大きさから自身の大きさを決めるのでうまく動くようになるのだと思います。

@Toilal Sorry, I don't have enough time to investigate about source map generation of recast now. If you have confidence that it improves the generated source map, feel free to...

I cannot reproduce it with the exact same versions of Vue, VSCode and TypeScript. Could you provide example project reproducing the issue as GitHub repo?

> I reproduced it with the cli by creating a project with babel + ts and upgrading ts to its latest version (but it appears on 3.5.3 too) That's strange....

It actually does not ignore files under `node_modules` and if the file is under there, TS host treat them plain TS files even if they are `.vue` files. https://github.com/vuejs/vetur/blob/master/server/src/services/typescriptService/serviceHost.ts#L315-L327