From c360bd1b7fc528bbfd8d9bfef9ce035bd93e5581 Mon Sep 17 00:00:00 2001 From: Ayo Date: Thu, 19 Oct 2023 18:10:10 +0200 Subject: [PATCH] feat: make package type module; rename to .mjs --- demo/HelloWorld.mjs | 13 +++++++------ demo/SimpleText.mjs | 2 +- demo/index.html | 9 ++++----- package.json | 1 + src/{WebComponent.js => WebComponent.mjs} | 4 ++++ src/index.js | 2 -- src/index.mjs | 3 +++ 7 files changed, 20 insertions(+), 14 deletions(-) rename src/{WebComponent.js => WebComponent.mjs} (94%) delete mode 100644 src/index.js create mode 100644 src/index.mjs diff --git a/demo/HelloWorld.mjs b/demo/HelloWorld.mjs index 394a2f2..fd9977d 100644 --- a/demo/HelloWorld.mjs +++ b/demo/HelloWorld.mjs @@ -1,6 +1,4 @@ -// @ts-check - -import WebComponent from "../src/index.js"; +import WebComponent from "../src/index.mjs"; export class HelloWorld extends WebComponent { name = "World"; @@ -9,7 +7,10 @@ export class HelloWorld extends WebComponent { static properties = ["name", "emotion"]; onInit() { - console.log("onInit", this.querySelector("h1")); + let count = 0; + this.onclick = () => { + this.setAttribute("name", `Clicked ${++count}x!`); + }; } afterViewInit() { @@ -22,9 +23,9 @@ export class HelloWorld extends WebComponent { } get template() { - return `

Hello ${this.name}${ + return `

`; + }`; } } diff --git a/demo/SimpleText.mjs b/demo/SimpleText.mjs index 72c7b3a..8a58c3e 100644 --- a/demo/SimpleText.mjs +++ b/demo/SimpleText.mjs @@ -1,6 +1,6 @@ // @ts-check -import WebComponent from "../src/index.js"; +import { WebComponent } from "../src/WebComponent.mjs"; class SimpleText extends WebComponent { clickCallback() { diff --git a/demo/index.html b/demo/index.html index b4bd44f..275e5d7 100644 --- a/demo/index.html +++ b/demo/index.html @@ -8,8 +8,10 @@ - - + +

+ +