bert.hausmans
948965e664
VAutocomplete ignores interleaved fake header items — they were filtered out before reaching the template. Replace with Approach A: keep only real selectable items sorted by group, detect group boundaries in the #item template by comparing adjacent groupName values, and render VListSubheader before each new group. - Remove _isGroupHeader from TimeSlotDropdownItem interface - Rename groupTimeSlots → sortedItems (returns only selectable items) - Add hasGroups computed for conditional header rendering - Add isNewGroup(index) boundary detection in CreateShiftDialog - Add scoped .time-slot-dimmed CSS class (opacity: 0.65) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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://app.crewli.app (see api/.env.example for FRONTEND_APP_URL and SANCTUM_STATEFUL_DOMAINS).