feat: Support for @vue-ignore, @vue-skip, @vue-expect-error directive comments

[johnsoncodehk]

Close #2366

Support 3 directive comment syntax for template.

@vue-ignore: Similar to @ts-ignore, ignore errors of the next template node. (Not just the next line)
@vue-expect-error: Similar to @ts-expect-error, report if the next template node has no errors.
@vue-skip: The next template node and its child nodes will skip generating virtual code.

Usage

<template>
  <!-- @vue-ignore -->
  <HelloWorld :msg="wrongType" />

  <!-- @vue-expect-error -->
  <HelloWorld :msg="wrongType" />

  <!-- @vue-skip -->
  <SomethingYouDontWantVolarToRecognizeIt>
    ...
  </SomethingYouDontWantVolarToRecognizeIt>
</template>

[Anoesj]

TypeScript uses @ts-expect-error, not @ts-expected-error. Other than that, great stuff! 😄

[nekocom3745]

packages/vue-language-core/src/generators/template.ts

[nekocom3745]

packages/vue-language-core/src/generators/template.ts

[johnsoncodehk]

@Anoesj Unfortunately bug 🤦, will fix it in the next release, thanks for the report.

[johnsoncodehk]

TypeScript uses @ts-expect-error, not @ts-expected-error.

Fixed by 5696eb2

[AlansCodeLog]

I tried this but having a v-if breaks it. I had to move the v-if into a template, then it works.

[saibotk]

What about allowing comments to follow the tags?

eg:

<!-- @vue-expect-error We could type this with some magic, but it would probably be complex to do -->

equivalent in ts:
// @ts-expect-error We could type this with some magic, but it would probably be complex to do

[jfrs]

  <!-- @vue-expected-error -->

I tried to copy/paste the examples and got caught by the expected typo, might be worth editing the snippet!

[wenfangdu]

What about allowing comments to follow the tags?

eg:

<!-- @vue-expect-error We could type this with some magic, but it would probably be complex to do -->

equivalent in ts:
// @ts-expect-error We could type this with some magic, but it would probably be complex to do

@saibotk That's already supported in 1.8.0.