WS-3 session 1a Task 2. Three layout skeletons added to apps/app/src/layouts/. They are NOT yet referenced by the router — that wiring is a later session. - OrganizerLayout: thin wrapper around DefaultLayoutWithVerticalNav, visually identical to default.vue. Provides a semantically named target for future router meta:layout='OrganizerLayout'. - PortalLayout: scaffold for volunteer/crew portal experience. Top bar + main + footer regions, no content yet. - PublicLayout: minimal centered viewport for unauthenticated pages (login, password-reset, public form viewer). default.vue and blank.vue are unchanged and remain the active layouts referenced by the router. Their replacement happens in the router consolidation session. Refs: ARCH-CONSOLIDATION-2026-04.md §4 + §6.8.
Crewli — Organizer SPA
Main product UI for organisation and event staff (Vue 3 + Vuexy + Vuetify). Lives in this repo; only re-copy from Vuexy when upgrading the template.
Setup
- Install dependencies:
pnpm install
- Create
.env.local:
VITE_API_URL=http://localhost:8000/api/v1
VITE_APP_NAME="Crewli Organizer"
- Dev server uses port 5174 (see
vite.config.tsor run from repo root:make app).
pnpm dev --port 5174
Port
Runs on http://localhost:5174
Production: e.g. VITE_API_URL=https://api.crewli.app/api/v1 and host the SPA at https://crewli.app (see api/.env.example for FRONTEND_APP_URL and SANCTUM_STATEFUL_DOMAINS).