That is the simplest way which avoids any kind of packaging, npm, etc.
It's also the slowest.
--- /dev/null
+<head>
+ <title>lit-html CDN example</title>
+ <meta charset="utf-8">
+</head>
+
+<script type="module">
+import { LitElement, html } from "https://cdn.pika.dev/lit-element";
+
+class HelloWorld extends LitElement {
+ render() {
+ return html`<p>Hello world! Came here from ${document.referrer}</p>`;
+ }
+}
+
+customElements.define('hello-world', HelloWorld);
+</script>
+
+<body>
+
+<h1>lit-html CDN examples</h1>
+
+<h3>Hello World</h3>
+<hello-world />
+
+</body>
projects / webcomponents.git / commitdiff