From fb2fcf4d363f9d92e2c9558f69a5663448cc86ea Mon Sep 17 00:00:00 2001 From: Savanni D'Gerinel Date: Mon, 17 Feb 2025 16:19:33 -0500 Subject: [PATCH] Abortive attempt to set up a trivial web application --- visions/ui/index.html | 11 +++++++++++ visions/ui/src/app-component.ts | 21 +++++++++++++++++++++ 2 files changed, 32 insertions(+) create mode 100644 visions/ui/src/app-component.ts diff --git a/visions/ui/index.html b/visions/ui/index.html index e69de29..9fdc22d 100644 --- a/visions/ui/index.html +++ b/visions/ui/index.html @@ -0,0 +1,11 @@ + + + + + My first web component with typescript + + + + + + diff --git a/visions/ui/src/app-component.ts b/visions/ui/src/app-component.ts new file mode 100644 index 0000000..e3a4ed0 --- /dev/null +++ b/visions/ui/src/app-component.ts @@ -0,0 +1,21 @@ +import {html, css, LitElement} from 'lit'; +import {customElement, property} from 'lit/decorators.js'; + +export class SimpleGreeting extends LitElement { + static styles = css`p { color: blue }`; + name: String; + + static properties = { + name: { type: String } + }; + + constructor() { + super(); + this.name = 'Somebody'; + } + + render() { + return html`

Hello, ${this.name}!

`; + } +} +