<template>
    <div class="forgot-password">
      <h2>Passwort vergessen</h2>
      <form>
        <label for="email">Email-Adresse:</label>
        <input type="email" id="email" required>
        
        <button type="submit">Link zum Zurücksetzen senden</button>
      </form>
      <p>
        <router-link to="/login">Login</router-link>
      </p>
      <p>
        <router-link to="/register">Registrieren</router-link>
      </p>
    </div>
  </template>
  
  <script>
  export default {
    name: 'ForgotPassword'
  };
  </script>
  
  <style scoped>
  .forgot-password {
    max-width: 400px;
    margin: auto;
  }
  form {
    display: flex;
    flex-direction: column;
  }
  label {
    margin-top: 10px;
  }
  button {
    margin-top: 20px;
  }
  </style>
