<template>
  <div class="app-shell">
    <header class="app-header">
      <RouterLink class="brand" to="/areas/favorites">SHSERV WEB CLIENT</RouterLink>
      <nav class="top-nav" aria-label="Main navigation">
        <RouterLink to="/areas/favorites">Favorites</RouterLink>
        <RouterLink to="/areas/tree">Areas</RouterLink>
        <RouterLink to="/devices">Devices</RouterLink>
        <RouterLink to="/scripts/actions">Scripts</RouterLink>
      </nav>
    </header>

    <main class="app-main">
      <slot />
    </main>
  </div>
</template>

<script setup>
import { RouterLink } from "vue-router";
</script>