Files

Deploy with Docker Compose / deploy (push) Successful in 3m43s

Details

Add fade transition and game cycling to Steam component

Matches the Listening component pattern with auto-rotating games every
5 seconds, click to advance, and crossfade transitions.

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

2026-03-26 02:00:52 +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

Add fade transition and game cycling to Steam component

2026-03-26 02:00:52 +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