vue-ptc/src/App.vue

<template>
  <NavBar
    v-if="showNavBar"
    :show-nav-icons="$route.path !== '/password'"
    :fixed="true"
  />
  <router-view :key="$route.fullPath" class="page-container" />
</template>

<script setup lang="ts">
import { computed } from 'vue'
import { useRoute } from 'vue-router'

const route = useRoute()
const navBarIgnore = ['/login', '/register']
const showNavBar = computed(() => !navBarIgnore.includes(route.path))
</script>

<style lang="scss">
.page-container {
  min-height: 100vh;
  padding-bottom: 48px;
  overflow: hidden;

  .nav-bar-wrap + & {
    padding-top: $nav-bar-height;
  }
}
</style>