safetwitch/src/App.vue

<script setup lang="ts">
import { RouterView } from 'vue-router'
import NavbarItem from './components/NavbarView.vue'
import FooterItem from './components/FooterView.vue'
import DevWarning from './components/DevWarning.vue'

const dev = import.meta.env.DEV
</script>

<template class="bg-ctp-base h-full flex flex-row">
  <dev-warning v-if="dev"></dev-warning>
  <navbar-item></navbar-item>

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

  <footer-item></footer-item>
</template>