Vue、Ponia、Firebase 認証を使用してルートガードの前に現在のユーザー情報を取得する

Question

最近、Vue3 プロジェクトのグローバル ストレージとして Pinia を使い始めました。ユーザー認証に Firebase を使用しており、Vue が初期化される前に現在のユーザーをロードしようとしています。理想的には、認証に関連するものはすべて、PoniaStore を使用して別のファイルに保存する必要があります。残念ながら (Vuex とは異なり) アクションを使用するには、Vue インスタンスの前に Pinia インスタンスを渡す必要があり、それが問題だと思います。最初のロード時、ストレージ内のユーザー オブジェクトは一時的に空になります。これはユーザーにバインドされています

P粉795311321 · Answer

I figured it out. Had to register the router after the async stuff

//main.js
(async () => {
  const app = createApp(App);

  app.use(createPinia());
  const { bindUser } = useAuth();
  await bindUser();

  app.use(router);
  app.mount("#app");
})();