More user-friendly template comments

[baixiaoyu2997]

What problem does this feature solve?

I'm not sure if this can be achieved, but it's indeed a common issue. I need to temporarily ignore a prop of a component or add TS/ESLint/TODO comments for the prop, but currently, doing so causes template errors.

What does the proposed solution look like?

<HelloWorld 
    <!-- TODO: mock -->
      msg="Vite + Vue" 
 />

Does not cause template errors

[KazariEX]

This is not a valid HTML syntax. We should look for other ways.

[so1ve]

Is this a legal html format? The error comes from vue compiler, not language-tools.

[johnsoncodehk]

For more fine-grained TS error catching, we'd better design another magic comment like @vue-expect-error-prop:

<!-- @vue-expect-error-prop=msg -->
<HelloWorld 
      msg="Vite + Vue" 
 />

[johnsoncodehk]

After considering the added complexity of the system, I don't think we should try to fix this.

We should view this as a limitation of the HTML-like DSL.