web/app.vue at main · DangerousANEN/web

Repository navigation

History

import { computed, defineAsyncComponent } from "vue";

import { polyfillCountryFlagEmojis } from "country-flag-emoji-polyfill";

import { useBranding } from "~/composables/useBranding";

import { useApplicationSettingsStore } from "~/stores/ApplicationSettings";

import { useAuthStore } from "~/stores/AuthStore";

const MatchmakingConfirm = defineAsyncComponent(

() => import("~/components/matchmaking/MatchmakingConfirm.vue"),

);

const PlayerNameRegistration = defineAsyncComponent(

() => import("~/components/PlayerNameRegistration.vue"),

);

const StreamGlobal = defineAsyncComponent(

() => import("~/components/StreamGlobal.vue"),

);

polyfillCountryFlagEmojis();

useBranding();

const authStore = useAuthStore();

const applicationSettingsStore = useApplicationSettingsStore();

const me = computed(() => authStore.me);

const hasGlobalStream = computed(() => !!applicationSettingsStore.globalStream);

const TAB_QUERY_KEYS = new Set(["tab", "mode"]);

function pageKeyWithoutTabQuery(route: {

path: string;

query: Record<string, unknown>;

hash?: string;

}) {

const query = new URLSearchParams();

Object.keys(route.query)

.filter((key) => !TAB_QUERY_KEYS.has(key))

.sort()

.forEach((key) => {

const value = route.query[key];

const values = Array.isArray(value) ? value : [value];

values.forEach((item) => {

if (item == null) {

return;

}

query.append(key, String(item));

});

const queryString = query.toString();

return `${route.path}${queryString ? `?${queryString}` : ""}${route.hash || ""}`;

}

</script>

</template>

</NuxtLayout>

</template>

FilesExpand file tree

app.vue

Latest commit

History

app.vue

File metadata and controls