Files

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

Details

Fix Listening component preventing grid from shrinking and improve responsive layout

Remove fixed width/height attributes from album art image that set a minimum
intrinsic size, add fluid image styles, and improve mobile grid layout.

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

2026-03-30 02:57:09 +01:00

crates/stp_wasm

Extract Vue frontend into separate container and add stp_wasm crate

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

public

Add performance optimizations: gzip, cache headers, WOFF2 fonts, lazy loading

2026-03-26 02:29:37 +00:00

src

Fix Listening component preventing grid from shrinking and improve responsive layout

2026-03-30 02:57:09 +01: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

Fix halftone acroll whole app

2026-03-27 14:30:48 +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

Fix security vulnerabilities across backend, frontend, and infra

2026-03-29 23:59:10 +01:00

package.json

Fix security vulnerabilities across backend, frontend, and infra

2026-03-29 23:59:10 +01: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