<template>
  <Progress
    v-show="routerStatus.isLoad"
    class="router-progress"
    :size="6"
  />

  <main>
    <RouterView
      :key="$route.fullPath"
    />
  </main>
</template>

<style scoped>
.router-progress {
  position: fixed;
  inset: 0.5rem 0.5rem 0 auto;
  z-index: 9999;
}
</style>

<script lang="ts" setup>
import { RouterView } from "vue-router";
import routerStatus from "@/lib/router";
import Progress from "@/components/Progress.vue";
</script>