Usage of web components

[Its-Just-Nans]

Hello

What's the correct usage to add a web components

Apparenlty there was a examples/ folder to show the usage of web component with React (apparenlty deleted?).

• fix: add useEffect to Web Components example #1109
• Add an example combining react and web components and import into MDX doc #1026

And also

• https://www.johno.com/web-components-in-mdx

What's the usage of web components with pure javascript ?

Related to

• Easier way to work with web components inside MDX withastro/roadmap#1260

Thanks

[wooorm]

Hi!
Web components, like anything web related, is possible with MDX.
Pure javascript, though, is “not” possible. That is, MDX needs some tool. That tool could be something you pass, as pure javascript.
All of web components is deferred to that tool. MDX has no influence.

[Its-Just-Nans]

Thanks for the info

I think I've found something for astro

{/* content of file.mdx */}


import webComponent from "./code.js?raw";

<script is:inline set:html={webComponent}>
</script>

<my-el />

What do you think about that?

[wooorm]

i have very few opinions on astro :)