Files

Deploy with Docker Compose / deploy (push) Successful in 19s

Details

Fix white background on curved mobile screen edges

Set body background-color to --bg_secondary so areas outside
the halftone main element match instead of showing white.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

2026-03-25 21:29:29 +00:00

crates/stp_wasm

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

public

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

src

Fix white background on curved mobile screen edges

2026-03-25 21:29:29 +00:00

.dockerignore

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

Dockerfile

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

index.html

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

jsconfig.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

package-lock.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

package.json

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

README.md

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

vite.config.js

Extract Vue frontend into separate container and add stp_wasm crate

2026-03-25 16:40:45 +00:00

README.md

My Web - Frontend

Vue 3 SPA for adam-french.co.uk. Built with Vite, Tailwind CSS v4, Pinia, and Vue Router.

Setup

npm install

Development

npm run dev

The Vite dev server proxies API requests:

/api -> http://localhost:8080 (Go backend)
/gitea -> http://localhost:3000 (Gitea)
/radio -> http://localhost:8000 (Icecast2)

Production Build

npm run build

In production, the built dist/ is served by Nginx inside a Docker container (see ../Dockerfile).

Recommended IDE Setup

VS Code + Vue (Official) (and disable Vetur).

Recommended Browser Setup

Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Vue.js devtools
- Turn on Custom Object Formatter in Chrome DevTools
Firefox:
- Vue.js devtools
- Turn on Custom Object Formatter in Firefox DevTools