family-chat

This template should help get you started developing with Vue 3 in Vite.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Playwright

# Install browsers for the first run
npx playwright install

# When testing on CI, must build the project first
npm run build

# Runs the end-to-end tests
npm run test:e2e
# Runs the tests only on Chromium
npm run test:e2e -- --project=chromium
# Runs the tests of a specific file
npm run test:e2e -- tests/example.spec.ts
# Runs the tests in debug mode
npm run test:e2e -- --debug

Deploy to Heroku

docker build --platform linux/amd64 -t family-chatgpt-frontend .
docker tag family-chatgpt-frontend registry.heroku.com/family-chatgpt-frontend/web
heroku container:login
docker push registry.heroku.com/family-chatgpt-frontend/web
heroku container:release web --app family-chatgpt-frontend

heroku logs --tail --app family-chatgpt-frontend