Nuxt Nation カンファレンスが開催されます。11月12日~13日にご参加ください。

nuxt-vue3-google-signin
nuxt-vue3-google-signin

NuxtアプリにGoogleサインインを簡単に追加

nuxt-vue3-google-signin

Build npm npm NPM Docs

vue3-google-signin 用の Nuxt モジュール

使い方

パッケージをインストール

  • NPM を使用する場合
npm install -S nuxt-vue3-google-signin
  • Yarn を使用する場合
yarn add nuxt-vue3-google-signin
  • PNPM を使用する場合
pnpm add nuxt-vue3-google-signin

初期化

次に、以下のエントリを nuxt.config.ts (または nuxt.config.js) に追加できます。

import { defineNuxtConfig } from 'nuxt/config'
 
export default defineNuxtConfig({
  modules: [
    'nuxt-vue3-google-signin'
  ],
  googleSignIn: {
    clientId: 'CLIENT ID OBTAINED FROM GOOGLE API CONSOLE',
  }
})

詳細については、ドキュメント を参照してください。

開発

  • npm run dev:prepare を実行して、型スタブを生成します。
  • npm run dev を使用して、開発モードでplayground を起動します。# Nuxt モジュール
  • playground の .env に Google クライアント ID を追加します