<template>
  <div class="fit">
    <q-ajax-bar position="top" color="accent" size="5px" skip-hijack />
    <router-view />
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
import { useI18n } from "vue-i18n";
import EventBus, { EventNamesDefine } from "src/common/EventBus";

export default defineComponent({
  name: "App",

  setup() {
    const $t = useI18n();
    document.title = $t.t("title");

    window.onresize = (evt: any) =>
      EventBus.getInstance().emit(EventNamesDefine.WindowResize, evt);

    document.body.classList.add("overflow-hidden");
    return {};
  },
});
</script>
