Nested Blade Component dot notation issue when parsed by tree-sitter-html

[EmranMR]

Bug whereby nested blade components are not parsed correctly via the tree-sitter-html

see the discussion

Laravel Docs

[calebdw]

This has nothing to do with nested components, just trying to use the same ending tag as the start:

<x-card.title>
</x-card.title>

<!-- This works, just some lsps expect the start tag to match the end -->
<x-card.title>
</x-card>

[EmranMR]

@calebdw But in the discussion it seems that there is an issue with tree-sitter-html giving an error even when the start and end tag matches no? Basically the dot notation is not allowed for naming the tags?

<x-card.title>
</x-card.title>

[EmranMR]

Also is this a valid Laravel Blade syntax? never came across it!

<x-card.title>
</x-card>

[calebdw]

Ah, by "nested" I thought you were talking about components inside other components:

<x-card>
    <x-card.title>
    </x-card.title>
</x-card>

All that happens is a slight parse error in html (it just affects the highlighting of the extra ending)---however, some lsps will not recognize that those are matching tags since they expect the start and end tags to be the same.

[EmranMR]

haha my bad! need to rename the title, to avoid confusion! This was also mainly to track possible tree-sitter-html extension experimentation! 👀
After the php_only merge, it seems like a natural way to go forward now! My semester is finished so I should hopefully find some time to tackle some of the issues, and experiment a bit!

[anotherfrontendguy]

Also is this a valid Laravel Blade syntax? never came across it!

<x-card.title>
</x-card>

A little late but just to clarify: this is NOT valid syntax.

Basically the dot notation is not allowed for naming the tags?

And yes, I think this is ecaxctly what it boils down to.

---

Also a little gotcha regarding this (don't know if this is relevant for you) but these tags can be self closing too, like this:

<x-inputs.button/>

[calebdw]

A little late but just to clarify: this is NOT valid syntax.

This syntax does work:

<x-card.title>
</x-card>

[anotherfrontendguy]

Yes it works, but it would not be valid syntax.

This would be the equivalent of opening a tag and closing a different one:

<p>
</div>

To be fair this would "work" because browsers are smart these days, but it's still invalid because it's missing and end tag.