crbtc.org/pages/login.vue

<script setup>
  useHead({
    title: 'Sign in | crbtc.org',
    meta: [
      { 
        name: 'description', 
        content: `` 
      },      
    ],
  })
</script>

<template>
  <div class="login">
    <h3>Sign in to your account</h3>
    <h4 class="policy">By continuing, you agree to our <NuxtLink to="/terms">Terms of 
      use</NuxtLink> and <NuxtLink to="/privacy">Privacy policy</NuxtLink>.</h4>

    <form @submit="onSubmit" >
      <div class="input">
        <label>Email</label>
        <input name="email" placeholder="Enter your email" />
      </div>

      <div class="input">
        <label>Password</label>
        <input name="password" placeholder="********" type="password" />
      </div>

      <button>Sign in</button>
    </form>

    <p class="newbie">Don't have an account? <NuxtLink to="/register">Create account</NuxtLink></p>
    <p class="reset">Forgot password? <NuxtLink to="/reset">Reset password</NuxtLink></p>

  </div>
</template>