ayo/mcfly
ayo/mcfly
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update base class, add link to reference

Browse source
This commit is contained in:
Ayo 2023-10-20 12:11:15 +02:00
parent 51143163c8
commit 488cd8da5a
3 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
routes/[...index].ts
View file

@ -97,7 +97,7 @@ async function buildRegistry(usedCustomElements: string[], type: "js" | "ts") {
!isBaseClassImported &&
content.toString().includes("extends WebComponent")
) {
const baseClassImport = `import { WebComponent } from "https://unpkg.com/web-component-base@1.7.1/WebComponent.mjs";`;
const baseClassImport = `import { WebComponent } from "https://unpkg.com/web-component-base@1.9.1/WebComponent.mjs";`;
registryScript += baseClassImport;
isBaseClassImported = true;

4
src/components/clickable-text.js
View file

@ -1,3 +1,7 @@
/**
* Custom element using a minimal Web Component Base class
* @see https://ayco.io/n/web-component-base
*/
class ClickableText extends WebComponent {
onInit() {
this.onclick = () => alert("Thank you for clicking the text!");

6
src/components/my-hello-world.js
View file

@ -1,3 +1,7 @@
/**
* Custom element using a minimal Web Component Base class
* @see https://ayco.io/n/web-component-base
*/
class HelloWorld extends WebComponent {
static properties = ["data-name"];
@ -10,6 +14,6 @@ class HelloWorld extends WebComponent {
}
get template() {
return `<button style="cursor:pointer">Hello ${this["data-name"]}!</button>`;
return `<button style="cursor:pointer">Hello ${this.dataName}!</button>`;
}
}