From fee257cd15dfb7621eb83ff2053f0f4756d9da51 Mon Sep 17 00:00:00 2001 From: Ayo Date: Fri, 8 May 2026 13:25:14 +0200 Subject: [PATCH] feat: set up status-indicator compontnt --- index.html | 4 ++-- package.json | 1 + hello-world.ts => src/status-indicator.ts | 6 ++++-- 3 files changed, 7 insertions(+), 4 deletions(-) rename hello-world.ts => src/status-indicator.ts (59%) diff --git a/index.html b/index.html index 071be18..c8741f2 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,9 @@ Web Component Demo - + - + \ No newline at end of file diff --git a/package.json b/package.json index af98184..604a8d6 100644 --- a/package.json +++ b/package.json @@ -9,6 +9,7 @@ "main": "index.js", "scripts": { "test": "echo \"Warning: no test specified\"", + "build": "vite build", "dev": "vite", "prepare": "husky" }, diff --git a/hello-world.ts b/src/status-indicator.ts similarity index 59% rename from hello-world.ts rename to src/status-indicator.ts index 28fbf80..c16e098 100644 --- a/hello-world.ts +++ b/src/status-indicator.ts @@ -1,9 +1,11 @@ import { WebComponent, html } from 'web-component-base' -class HelloWorld extends WebComponent { +class StatusIndicator extends WebComponent { get template(): any { return html`

Hello, World!

` } -} \ No newline at end of file +} + +customElements.define('status-indicator', StatusIndicator) \ No newline at end of file