From 928cb424e8fe377ea554f39c21e1303192719d8f Mon Sep 17 00:00:00 2001 From: StoneyDSP Date: Thu, 17 Oct 2024 03:21:04 +0200 Subject: [PATCH] cleanup README Signed-off-by: StoneyDSP --- README.md | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 39e03c8..20e9c3b 100644 --- a/README.md +++ b/README.md @@ -27,7 +27,9 @@ Powered by Typescript, TailwindCSS, ESBuild, and fast-refreshing development ser ## How to... -### `serve ./public` +Step by step! + +### `start` ```sh $ git clone git@github.com:nathanjhood/ts-web-components.git @@ -190,7 +192,7 @@ window.customElements.define('app-component', super(); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = `Your app goes here`; - document.getElementById("root")?.appendChild(this); + document.getElementById("root")?.appendChild(this); } } ); @@ -257,7 +259,7 @@ class AppComponent extends HTMLElement { super(); this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = this.render('Your app goes here'); - document.getElementById("root")?.appendChild(this); + document.getElementById("root")?.appendChild(this); } render(message) { return `${message}`; @@ -273,12 +275,12 @@ class AppComponent extends HTMLElement { class AppComponent extends HTMLElement { constructor() { super(); - this.setup(); + this.setup(); } setup() { - this.attachShadow({ mode: 'open' }); + this.attachShadow({ mode: 'open' }); this.shadowRoot.innerHTML = this.render('Your app goes here'); - document.getElementById("root")?.appendChild(this); + document.getElementById("root")?.appendChild(this); } render(message) { return `${message}`;