Bug: Using third party components with original element name and client:load

[daniel-sc]

For me the client:load only works when using the element class name, but not when using the element tag name.

Not sure if this is an issue with this integration or the used component library, but in both cases I'd be very happy to understand the cause :)

Reproduction: https://stackblitz.com/edit/withastro-astro-46gogcpy?file=src%2Fpages%2Findex.astro

[jlukic]

That is the expected syntax.

To get SSR you will need to import the component into astro directly and then use it in an astro page similar to your working example

<SbbAlertElement client:load data-state="opened" animation="none" icon-name="disruption">
  Some test alert 1
</SbbAlertElement>

It is not expected that you can use a custom tag and it will automatically get SSR without using the imported component from

import {SbbAlertElement} from '@sbb-esta/lyne-elements/alert/alert.js';

[daniel-sc]

Understood. Thanks for the clarification!

Still, it is somewhat unsatisfying that the element name does not match the rendered DOM element name and the disparity between classic usage for web components without and with client:load. Could we somehow get the desired behavior if this plugin checked wether a element node was defined as a custom element/web component?