fix(vue): resolve src attribute on the script block on Vue files

[ktsn]

This PR fixes #111 and vuejs/vue-cli#1104. Also probably fixes #85.

I've replaced vue-parser with vue-template-compiler which is Vue official package for parsing .vue file. Because vue-parser looks not maintained and it would be better to use officially provided lib for consistency.

I didn't include vue-template-compiler in dependencies because there is a known issue that mismatching with user-installed vue version.
The users should not feel inconvenience by this because vue-loader (official webpack loader for .vue file) enforces the users to install vue-template-compiler due to this issue. That means if the users want to use vue option of this plugin, they already install vue-template-compiler by themselves.

[johnnyreilly]

Thanks for the PR @ktsn! Looks initially good to me.

@prograhammer @CKGrafico @wonderful-panda I believe you're Vue users and have worked on the Vue support in the plugin. Would you be able to look at this PR and let us know what you think?

cc @yyx990803

[CKGrafico]

Looks really nice!

[wonderful-panda]

LGTM

[yyx990803]

👍

[johnnyreilly]

Okay - I think we're good to merge! @ktsn can you comment on whether the vue-template-compiler types are directly consumable or not?

[ktsn]

Thanks for taking a look at this PR 🙏

@johnnyreilly The current vue-template-compiler does not include the types but it would be included and we will be able to consume it directly in the future since there is a PR already (maybe vue-template-compiler v2.6.0?).

[johnnyreilly]

Awesome! Then let's go with this for now and if that PR gets merged we can switch to consuming from there later. Thanks for your work!

[johnnyreilly]

Merged - this will be published once a new token has been generated for publishing. See #132

[nobelhuang]

I'm not pretty sure, but seems this is the change that will somewhat cause tslint to complain if no-consecutive-blank-lines rule is used when we try to compile those vue files written in TS/TSX. I guess it is just because vue-template-compiler didn't remove those blank lines after extracting ts part from SFC, then we got this error:

no-consecutive-blank-lines: Consecutive blank lines are forbidden

[ktsn]

We should not trim blank line because reported diagnostics will point to wrong location if we do that.

I remember vue-template-compiler pads the blank lines with // to avoid such lint errors (almost the same approach with vue-parser) but it looks applicable only when <script> block lang is JavaScript.

I will make a PR to fix the issue later.