Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wavezync/nuxt-vue3-google-signin

Nuxt Module for vue3-google-signin
https://github.com/wavezync/nuxt-vue3-google-signin

google-3p google-sign-in googlesignin gsi nuxt nuxt-module nuxt3 nuxtjs vue vue3

Last synced: 2 days ago
JSON representation

Nuxt Module for vue3-google-signin

Awesome Lists containing this project

README

        

# nuxt-vue3-google-signin

[![Build](https://github.com/wavezync/nuxt-vue3-google-signin/actions/workflows/build.yaml/badge.svg)](https://github.com/wavezync/nuxt-vue3-google-signin/actions/workflows/build.yaml) [![npm](https://img.shields.io/npm/v/nuxt-vue3-google-signin)](https://www.npmjs.com/package/nuxt-vue3-google-signin) ![npm](https://img.shields.io/npm/dw/nuxt-vue3-google-signin) ![NPM](https://img.shields.io/npm/l/nuxt-vue3-google-signin) [![Docs](https://img.shields.io/badge/docs-Read%20Now-green)](https://vue3-google-signin.wavezync.com/)

Nuxt Module for [vue3-google-signin](https://vue3-google-signin.wavezync.com/)

## Usage

### Install package

```bash
npx nuxi@latest module add nuxt-vue3-google-signin
```

### Initialize

Now you can add following entry to the `nuxt.config.ts`(or `nuxt.config.js`)

```ts
import { defineNuxtConfig } from 'nuxt/config'

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

Checkout [documentation](https://vue3-google-signin.wavezync.com/) for more.

## Development

- Run `npm run dev:prepare` to generate type stubs.
- Use `npm run dev` to start [playground](./playground) in development mode.# Nuxt Module
- Add your google client id to `.env` in playground