strat-gameplay-webapp/frontend-sba
Cal Corum ee12f6210e CLAUDE: Fix WebSocket SSR hydration and add connection debugging
Problem: WebSocket wouldn't connect on page load because Pinia auth
state doesn't automatically transfer from SSR to client hydration.
The auth store showed isAuthenticated=false on client mount.

Solution:
- useWebSocket.onMounted now proactively calls checkAuth() if not authenticated
- This ensures auth state is initialized before attempting WebSocket connection
- Added forceReconnect() function to clear stale singleton connections

Debug UI (temporary):
- Added connection status debug info to loading overlay and banner
- Shows Auth/Connected/Connecting/Error states
- Retry button triggers auth check + reconnect

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-27 23:33:11 -06:00
..
.claude CLAUDE: Phases 3.5, F1-F5 Complete - Statistics & Frontend Components 2025-11-14 09:52:30 -06:00
app CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
assets/css CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
components CLAUDE: Fine-tune base diamond positions in ScoreBoard 2025-11-27 22:32:37 -06:00
composables CLAUDE: Fix WebSocket SSR hydration and add connection debugging 2025-11-27 23:33:11 -06:00
constants CLAUDE: Limit flyball hit locations to outfield positions only 2025-11-27 21:36:54 -06:00
coverage test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
layouts CLAUDE: Implement server-side OAuth flow with HttpOnly cookies 2025-11-26 22:16:30 -06:00
middleware CLAUDE: Implement server-side OAuth flow with HttpOnly cookies 2025-11-26 22:16:30 -06:00
pages CLAUDE: Fix WebSocket SSR hydration and add connection debugging 2025-11-27 23:33:11 -06:00
plugins CLAUDE: Implement server-side OAuth flow with HttpOnly cookies 2025-11-26 22:16:30 -06:00
public CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
store CLAUDE: Implement server-side OAuth flow with HttpOnly cookies 2025-11-26 22:16:30 -06:00
tests test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
types CLAUDE: Standardize decision phase naming and fix frontend type mismatches 2025-11-21 15:40:52 -06:00
.dockerignore CLAUDE: Initial project setup - documentation and infrastructure 2025-10-21 16:21:13 -05:00
.gitignore CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
app.vue CLAUDE: Phase F1 Complete - SBa Frontend Foundation with Nuxt 4 Fixes 2025-11-10 15:42:29 -06:00
bun.lock CLAUDE: Implement game creation and lineup submission workflow 2025-11-20 23:57:03 -06:00
CLAUDE.md CLAUDE: Standardize decision phase naming and fix frontend type mismatches 2025-11-21 15:40:52 -06:00
Dockerfile CLAUDE: Initial project setup - documentation and infrastructure 2025-10-21 16:21:13 -05:00
eslint.config.mjs test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
nuxt.config.ts CLAUDE: Configure dev server to allow Nginx Proxy Manager access 2025-11-26 22:22:08 -06:00
package-lock.json test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
package.json test: Skip unstable test suites 2025-11-22 20:18:33 -06:00
README.md CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
tailwind.config.js CLAUDE: Phases 3.5, F1-F5 Complete - Statistics & Frontend Components 2025-11-14 09:52:30 -06:00
TEST_STATUS.md Create TEST_STATUS.md 2025-11-23 01:27:16 -06:00
tsconfig.json CLAUDE: Complete Phase 1 - Frontend Infrastructure Setup 2025-10-22 00:24:00 -05:00
vitest.config.ts test: Skip unstable test suites 2025-11-22 20:18:33 -06:00

Nuxt Minimal Starter

Look at the Nuxt documentation to learn more.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.