tp/main_dc/yalarba/easySite/easySite/app/layouts/default.vue

<template>
  <div>
    <!-- Header -->
    <header class="bg-white shadow-sm">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between items-center py-4">
          <NuxtLink to="/" class="text-xl font-bold text-gray-900">
            EasySite
          </NuxtLink>
          <nav class="flex space-x-4">
            <NuxtLink
              to="/"
              class="text-gray-600 hover:text-gray-900"
            >
              Главная
            </NuxtLink>
            <NuxtLink
              to="/objects"
              class="text-gray-600 hover:text-gray-900"
            >
              Объекты
            </NuxtLink>
            <NuxtLink
              to="/auth/login"
              class="text-gray-600 hover:text-gray-900"
            >
              Войти
            </NuxtLink>
          </nav>
        </div>
      </div>
    </header>

    <!-- Main Content -->
    <main>
      <NuxtPage />
    </main>

    <!-- Footer -->
    <footer class="bg-gray-800 text-white mt-12">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
        <p>&copy; 2024 EasySite. Все права защищены.</p>
      </div>
    </footer>
  </div>
</template>

<style>
.router-link-active {
  @apply text-blue-600 font-medium;
}
</style>