steg-vueuse

steg-vueuseは、Vueアプリケーション向けの便利なコンポーザブルコレクションです。

インストール

npm install steg-vueuse
# または
yarn add steg-vueuse
# または
pnpm add steg-vueuse

必要条件

このライブラリは以下のpeerDependenciesがあります：

• >[email protected]
• >[email protected]

機能

useAuth

Firebase認証を簡単に扱うためのコンポーザブル。

import { useAuth } from 'steg-vueuse';

// デフォルトのFirebaseインスタンスを使用
const auth = useAuth();

// または特定のFirebaseAppまたはAuthインスタンスを指定
// const auth = useAuth(myFirebaseApp);
// const auth = useAuth(myAuthInstance);

// 利用可能なメソッド
await auth.isSignedIn(); // ユーザーがサインインしているかを確認
await auth.signInWithEmailAndPassword(email, password); // メール/パスワードでサインイン
await auth.signOut(); // サインアウト
await auth.waitAuthInit(); // 認証の初期化を待機
auth.setOnAuthStateChanged(); // 認証状態変更リスナーを設定
await auth.sendPasswordResetEmail(email); // パスワードリセットメールを送信
await auth.updateIdToken(); // IDトークンを更新
const token = await auth.getUserIdToken(); // ユーザーのIDトークンを取得
const user = auth.getCurrentUser(); // 現在ログインしているユーザー情報を取得

useApiAuth

Firebase認証トークンを使用したAPI呼び出しを簡単に行うためのコンポーザブル。

import { useApiAuth } from 'steg-vueuse';

// 使用例
const apiAuth = await useApiAuth();
// または特定のFirebaseAppまたはAuthインスタンスを指定
// const apiAuth = await useApiAuth(myFirebaseApp);

// 認証付きAPIリクエストを実行
const data = await apiAuth.fetchWithAuth<ResponseType>('https://api.example.com/data', {
  method: 'POST',
  body: { key: 'value' },
});