This template should help get you started developing with Vue 3 in Vite.
VSCode + Volar (and disable Vetur).
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.
See Vite Configuration Reference.
npm install
npm run dev
npm run build
Lint with ESLint
npm run lint
- disable the start until all players have joined team.
- player can only join, if the current screen/phase is Lobby [currentRoute]
- I am host, I want to send message, to tell players go to next screen "X screen" (go to hell), I want to tell players go to (phase/screen/) "begin-game"
- New message RouteTo(RouteName)
- New reciever
- Each player has two messages, AddAllWords, RemoveAllWords -- (playerId) maybe the words are stored as a dictionary? <id, words[]>
- we can check the number of keys in the dictionary to know when players are ready.
- Maybe add a view to know we are waiting for which player.
- Keep track of game phase.
- we have 3 phases, each phase a description. (just a name)
- when we go to a new phase, we shuffle the words and start from the beggining.
- but we keep track which player/team had the turn.
- Keep track of:
- skipped words.
- passed words.
- remaining words.
- current team, and current player.
- Once there are no more remaining words, we go the next game phase.
- Make the webRTC more stable
- Make the room code more friendly.
- Add sounds / music / audio
- Spectators? players not in a team.
- Add CaptCha to secure connection to firebase
- Adding a PageHeader might be nice/needed for supporting PWAs
- Having a notification / message / alert when getting disconnected?
- [ ]
- v-auto-animate in the lobby, probably because I have two nested v-auto-aniamte.