feat: feat/game/judgement

[hayato0309]

Issue: #29

タスク4つ中2つのみ完了している状態ですが、一旦プルリク作成しました。 ＜完了＞

• プレイヤーのスコア表示、ピースを置くごとにそれが反映されるようにする
• タイマーの起動と終了
• （Pass機能）

＜未完了＞

• 勝利判定のロジック
• ゲーム終了後のウィンドウ

現在はゲームを終了させるためにPass機能を作成しています。 （未完了の２項目を実装するには、Pass機能が必要）

お手伝いいただける方は、「ゲーム終了後のウィンドウ」からやっていただけると嬉しいです。 ゲームの終了判定は、Issue: #29 のコメントにも残していますが、 Playerクラス内にoutOfGameというメンバ変数を持たせ、それが全プレイーヤtrueになったらゲーム終了にしようと思っています。

ゲーム終了後のウィンドウは以下のような感じで作ろうと思っていました。（別案あれば変えていただいても大丈夫です）

• モーダルウィンドウ（https://quasar.dev/vue-components/dialog）
• モーダルウィンドウの中には、以下を入れる想定です。

ゲーム終了後のモーダルウィンドウに必要なもの ・設定画面に戻る ・もう一度同じ設定でプレイ ・リプレイ（これは今go to replayとして置いてあるボタンをそのまま使えそう、ページ遷移しているから） ・ここに各プレイヤーの得点、順位、残り秒数、残っているピースのマスの数とかも表示できたら面白そう。

実装方法概要

プレイヤーのスコア表示、ピースを置くごとにそれが反映されるようにする

• playerが持っているscoreをmutationで更新

タイマーの起動と終了

• PlayerArea内でタイマー作成
  • スタート：そのPlayerのターンになったとき
  • ストップ：ピースを置いて相手のターンに移ったとき。Timeが0になったとき。Passしたとき。

Pass機能

• ConfirmPassコンポーネントを新規作成（PlayerAreaが親コンポーネント）
  • このコンポーネントでYESを選択すると、playerのoutOfGameがtrueに変わる
  • NOを選択するとPieceSelectorもしくはPieceAlterに戻る（ConfirmPassを表示する前にどっちのコンポーネントを表示していたかによる）
  • ConfirmPassを開いている間は、PlayerArea右上のPassボタンはdisabled

[hirotada-t]

終了画面のモーダルを作成しますね。 同じファイルを触ると思うんですが、時間を分けて別々のタイミングでコミットすれば良いですかね？ @tkwonn @hiroto0222

[tkwonn]

終了画面のモーダルを作成しますね。 同じファイルを触ると思うんですが、時間を分けて別々のタイミングでコミットすれば良いですかね？ @tkwonn @hiroto0222

コンフリクトが起きたら解消すればいいので、気にせずやっていただいて大丈夫です！