Support DOM element to source mappings for VS Code's Browser preview

[auchenberg]

What problem does this feature solve?

Hi 👋

I'm the author of https://github.com/auchenberg/vscode-browser-preview/, which is an extension for VS Code that allows users to preview web content inside the editor.

Browser Preview also supports "inspect component" which enables people to select a DOM element and go directly to the component source inside the editor.

Details: https://mobile.twitter.com/auchenberg/status/1133178573773164545

I'd love to be able to support Vuejs for this feature, and I'm wondering if Vue already exposes element to source mappings when running in development mode?

/k

What does the proposed API look like?

Browser Preview is using https://github.com/auchenberg/element-to-source to do the mapping.

[psimyn]

Dupe of #8034 ?

The outputSourceRange compiler option adds start/end tags to errors (added in #7127 mentioned on that issue)