diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-15 17:30:34 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@adammathes.com> | 2026-02-15 17:30:34 -0800 |
| commit | 90c1a68d6478138f538094fc83e48da8ddd21fa0 (patch) | |
| tree | 90c5e03ec49bb0790ca849f6dac09786cd93bce3 /frontend-vanilla/src/main.ts | |
| parent | 7ceec2469ecb047ed8f9c8e2149323d8500773e2 (diff) | |
| download | neko-90c1a68d6478138f538094fc83e48da8ddd21fa0.tar.gz neko-90c1a68d6478138f538094fc83e48da8ddd21fa0.tar.bz2 neko-90c1a68d6478138f538094fc83e48da8ddd21fa0.zip | |
Scaffold Vanilla JS Frontend (v3): Create directory, update Makefile/web.go, embed dist/v3
Diffstat (limited to 'frontend-vanilla/src/main.ts')
| -rw-r--r-- | frontend-vanilla/src/main.ts | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/frontend-vanilla/src/main.ts b/frontend-vanilla/src/main.ts new file mode 100644 index 0000000..6396b50 --- /dev/null +++ b/frontend-vanilla/src/main.ts @@ -0,0 +1,24 @@ +import './style.css' +import typescriptLogo from './typescript.svg' +import viteLogo from '/vite.svg' +import { setupCounter } from './counter.ts' + +document.querySelector<HTMLDivElement>('#app')!.innerHTML = ` + <div> + <a href="https://vite.dev" target="_blank"> + <img src="${viteLogo}" class="logo" alt="Vite logo" /> + </a> + <a href="https://www.typescriptlang.org/" target="_blank"> + <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" /> + </a> + <h1>Vite + TypeScript</h1> + <div class="card"> + <button id="counter" type="button"></button> + </div> + <p class="read-the-docs"> + Click on the Vite and TypeScript logos to learn more + </p> + </div> +` + +setupCounter(document.querySelector<HTMLButtonElement>('#counter')!) |