tp/main_dc/yalarba/easySite/easySite/app/pages/auth/login.vue

<template>
  <div class="min-h-screen flex items-center justify-center bg-gray-50">
    <div class="max-w-md w-full space-y-8">
      <div>
        <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
          Вход в систему
        </h2>
      </div>
      <form class="mt-8 space-y-6" @submit.prevent="handleLogin">
        <div>
          <label for="email" class="sr-only">Email</label>
          <input
            id="email"
            v-model="form.email"
            name="email"
            type="email"
            required
            class="relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
            placeholder="Email"
          />
        </div>
        <div>
          <label for="password" class="sr-only">Пароль</label>
          <input
            id="password"
            v-model="form.password"
            name="password"
            type="password"
            required
            class="relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
            placeholder="Пароль"
          />
        </div>
        <div>
          <button
            type="submit"
            class="group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
          >
            Войти
          </button>
        </div>
      </form>
      <div class="text-center">
        <NuxtLink to="/auth/register" class="text-indigo-600 hover:text-indigo-500">
          Нет аккаунта? Зарегистрируйтесь
        </NuxtLink>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
const form = ref({
  email: '',
  password: ''
})

const handleLogin = async () => {
  // Логика входа
  console.log('Login attempt:', form.value)
}
</script>

<style scoped>
/* Стили если нужны */
</style>