@hikae/usefirebaseauth v0.1.0

useFirebaseAuth

useage

<template>
  <div>
    <button v-if="!existUser" @click="login()">login/signin</button>
    <button v-else @click="logout()">logout</button>

    <div v-if="loading">loading</div>
    <div v-if="existUser && !loading">{{ user.displayName }}</div>
    <div v-else-if="!existUser">user not found</div>
  </div>
</template>

<script lang="ts">
import { useFirebaseAuth } from '@hikae/useFirebaseAuth';

type Props = {};

export default defineComponent({
  setup(props: Props, context: SetupContext) {
    // data
    const { user, loading, existUser } = useFirebaseAuth();

    return { user, loading, existUser };
  },
});
</script>

install

yarn add @hikae/useFirebaseAuth