🐛 Unable to manually apply Vue / HTML-ish syntax on .html files

[thomassth]

Environment information

(using biome playground)

What happened?

Playground

https://biomejs.dev/playground/?files.main.vue=PABzAGMAcgBpAHAAdAAgAHMAZQB0AHUAcAA%2BAAoAIAAgAGkAbQBwAG8AcgB0ACAAewAgAHIAZQBmACAAfQAgAGYAcgBvAG0AIAAnAHYAdQBlACcACgAgACAACgAgACAAYwBvAG4AcwB0ACAAbgB1AG0AYgBlAHIAIAA9ACAAcgBlAGYAKAAyACkACgA8AC8AcwBjAHIAaQBwAHQAPgAKADwAdABlAG0AcABsAGEAdABlACAAcwByAGMAPQAiAC4ALwB0AGUAbQBwAGwAYQB0AGUALgBoAHQAbQBsACIAPgA8AC8AdABlAG0AcABsAGEAdABlAD4ACgA8AHMAdAB5AGwAZQA%2BADwALwBzAHQAeQBsAGUAPgAKAA%3D%3D&files.template.html=PABkAGkAdgA%2BAAoACQA8AHQAZQBtAHAAbABhAHQAZQAgAHYALQBpAGYAPQAiAG4AdQBtAGIAZQByACAAJQAgADIAIAA9AD0APQAgADAAIgA%2BAGUAdgBlAG4APAAvAHQAZQBtAHAAbABhAHQAZQA%2BAAoACQA8AHQAZQBtAHAAbABhAHQAZQAgAHYALQBlAGwAcwBlAD4AbwBkAGQAPAAvAHQAZQBtAHAAbABhAHQAZQA%2BAAoAPAAvAGQAaQB2AD4A

Expected result

Right now it's showing Vue syntax isn't enabled. Is this supposed to be a .vue file? to Vue projects using the src imports setup

It is an officially supported setup that allows a single .vue file to break into its respective files

I should be able to manually allow Biome to parse my HTML files (or files within an inclusion list) with Vue syntax

Same situation may also happen to other HTML-ish formats

It might also has the added benefit of easier debugging?

Reference
https://vuejs.org/api/sfc-spec.html#src-imports

Code of Conduct

• I agree to follow Biome's Code of Conduct

[ematipico]

I opened the playground and I don't see the diagnostic. Did I miss something?

[dyc3]

@ematipico its a multi file playground, see the template.html file.

@thomassth We don't currently support vue syntax in .html. Tbh I didn't even know the pattern in your playground was supported by Vue. Can you link some documentation for it?

[thomassth]

I'll try to cook up a better demo later today, but for now there's this, from the official docs

https://vuejs.org/api/sfc-spec.html#src-imports

[thomassth]

I'll try to cook up a better demo later today, but for now there's this, from the official docs

https://vuejs.org/api/sfc-spec.html#src-imports

[thomassth]

I have modified the default vuejs demo here, Helloworld.vue's HTML content is now in a separate HTML file, while using Vue syntax

https://stackblitz.com/edit/vue-src-import-demo?file=src%2Fcomponents%2FHelloWorld.vue

[ematipico]

I don't think this is a bug, according to our design, though. It would be a nice feature, but for now we don't enable vue parsing inside HTML files, because we don't have a way to do that a safe manner.

[thomassth]

I thought this is a bug mostly because 2.3 release stated "full support for vue", although it is right now under html.experimentalFullSupportEnabled

https://biomejs.dev/blog/biome-v2-3/

This issue can be wrapped under another umbrella ticket for the HTML parser development I guess? (Or is there one already? Didn't spot it)