Nested html elements

[imagoiq]

Hi,

I wonder if it's possible with web-types to require a certain hierarchy between HTML elements.

A bar example:

<my-ul>
   <my-li></my-li>
</my-ul>

As with standard li, my-li make no sense out of the my-ulcontext.

Also, I have this other issue with so called HTML Web components where my component is only used to enhance and wrap a standard HTML tag. Is there a way to support it?

I've tried to nest the html properties under another elements but without success. I looked as some example, particularly Bootstrap-vue and I couldn't find a relationship between for example BBreadcrumb and BBreadcrumbItem.

[imagoiq]

@piotrtomiak sorry to ping you, but do you have some info about that? Is it supported? If not, will it be or should I use another tool like ast-grep?

[piotrtomiak]

Hi @imagoiq!

Sorry for the delay in the reply. At present, this functionality (to nest elements under other elements) is not available unfortunately. I am starting refactoring of the support for HTML, and as part of it, I hope to add this functionality.

As far as support for Web Components is concerned, please check out documentation: https://plugins.jetbrains.com/docs/intellij/websymbols-web-types.html#web-components . Let me know if something is missing from there!