ログイン済みでも一瞬Googleアイコンが表示されるのを無くしたい

[syu-kwsk]

問題

• ログインしている状態でリロードしたり、新しいブラウザで開いたりしたときに一瞬未ログインの状態が描画されてしまう
• イベント一覧でも一瞬、公開イベントだけが未ログイン判定されて表示されるようにコンテンツにも影響がある
• GitHubの右上のアイコンのようにログインしていれば最初から自分のアイコンが表示されてほしい

方針(提案)

App.vueのcreatedでonAuthStateChanged内の処理が完了する前にDOMができているのが原因
ただonAuthStateChanged自体は非同期というよりコールバックみたいなものなので処理がいつ終わるかは制御できない
よって、

• createdが終わったかどうかの判定用フラグを用意（ex. createdCompleted）
• 最上位の<v-app>をv-ifで条件付きレンダリング
• onAuthStateChangedの中の非同期関数でcurrentUserの初期化などが完了した後にフラグを更新

すれば良さそう

他にもアイディア求む

[syu-kwsk]

@yattinda
アサインした
ブランチはdev-v2でもいいけどfeat/#108_separate_events_by_its_publish_statusから切るのが良さそう