Untitled

<template>
  <form @submit.prevent="handleSubmit">
    <h2>Login</h2>

    <label for="email">Email:</label>
    <input type="email" name="email" v-model="email" required />

    <label for="password">Password:</label>
    <input type="password" name="password" v-model="password" required />
    <div v-if="error">{{ error }}</div>
    <button>Login</button>
  </form>
</template>

<script>
import { ref } from "vue";
import useLogin from "../composables/useLogin";
import { useRouter } from "vue-router";
//import { auth } from "../firebase/config";
export default {
  setup() {
    const email = ref("");
    const password = ref("");
    const { login, error } = useLogin();
    const router = useRouter();
    const handleSubmit = async () => {
      console.log("Logging in...");
      await login(email.value, password.value);
      if (!error.value) {
        router.push("/");
      }
    };

    return { email, password, handleSubmit, error };
  },
};
</script>