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="h-full flex flex-row">
  <div class="light bg-primary">
    <dev-warning v-if="dev"></dev-warning>
    <navbar-item></navbar-item>

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

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