app.vue

<script setup lang="ts">
import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";
import MatchmakingConfirm from "~/components/matchmaking/MatchmakingConfirm.vue";
import PlayerNameRegistration from "~/components/PlayerNameRegistration.vue";
import StreamGlobal from "~/components/StreamGlobal.vue";
import { useBranding } from "~/composables/useBranding";

useBranding();
</script>

<template>
  <NuxtPwaManifest />

  <StreamGlobal />

  <template v-if="me">
    <PlayerNameRegistration />
    <MatchmakingConfirm />
  </template>

  <NuxtLayout>
    <NuxtPage></NuxtPage>
  </NuxtLayout>
  <Toaster />
</template>

<script lang="ts">
export default {
  beforeCreate() {
    polyfillCountryFlagEmojis();
  },
  computed: {
    me() {
      return useAuthStore().me;
    },
  },
};
</script>