{"_id":"@benjuntilla/vue3-google-login","_rev":"1-0cb495eb514778268696525395d7c84a","name":"@benjuntilla/vue3-google-login","dist-tags":{"latest":"2.0.27"},"versions":{"2.0.26":{"name":"@benjuntilla/vue3-google-login","version":"2.0.26","description":"Add Login With Google feature to your Vue 3 application using Google Identity Services","license":"MIT","author":{"name":"Ananthakrishnan Baji","email":"ananthakrishnan.b7@gmail.com"},"main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"dev":"vite","build":"rollup -c","docs:dev":"vuepress dev documentation","docs:build":"vuepress build documentation"},"peerDependencies":{"vue":"^3.0.3"},"devDependencies":{"@vitejs/plugin-vue":"^2.3.3","@vuepress/plugin-google-analytics":"^2.0.0-beta.45","rollup":"^2.73.0","rollup-plugin-delete":"^2.0.0","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-vue":"^6.0.0","typescript":"^4.5.4","vite":"^2.9.9","vue":"^3.2.25","vue-tsc":"^0.34.7","vuepress":"^2.0.0-beta.43","vuepress-plugin-copy-code2":"^2.0.0-beta.66","vuepress-plugin-full-text-search2":"^0.4.0"},"repository":{"type":"git","url":"git+https://github.com/devbaji/vue3-google-login.git"},"homepage":"https://devbaji.github.io/vue3-google-login","keywords":["vue","google","sign in with google","google identity","login","oauth2","lightweight","customizable"],"_id":"@benjuntilla/vue3-google-login@2.0.26","gitHead":"99021851853f5f7a325397d8ab1e6e968c0097f3","bugs":{"url":"https://github.com/devbaji/vue3-google-login/issues"},"_nodeVersion":"20.12.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-HScZkAVOo+ovWyzoeLqzDUq2lSLHIPpyXkaBZeWY4ORweuBG7Gj6Ua+Bttcf1LU01+AwXU7/2e0Oy7CHh3R4Xg==","shasum":"930020dd7623ef3379c54a8fd313ae5ddf0b19c7","tarball":"https://registry.npmjs.org/@benjuntilla/vue3-google-login/-/vue3-google-login-2.0.26.tgz","fileCount":7,"unpackedSize":37640,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF7LccgVTvM9jzs8treBaOjh5EOo5C0SdXFSYtkxUr61AiEA8McMuPJnjR2ExHMH81iptOqOlyBKkf4150M60iRCLqk="}]},"_npmUser":{"name":"benjuntilla","email":"ben@benjuntilla.com"},"directories":{},"maintainers":[{"name":"benjuntilla","email":"ben@benjuntilla.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-google-login_2.0.26_1716425657984_0.24863332955061512"},"_hasShrinkwrap":false},"2.0.27":{"name":"@benjuntilla/vue3-google-login","version":"2.0.27","description":"Add Login With Google feature to your Vue 3 application using Google Identity Services","license":"MIT","author":{"name":"Ananthakrishnan Baji","email":"ananthakrishnan.b7@gmail.com"},"main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","scripts":{"dev":"vite","build":"rollup -c","docs:dev":"vuepress dev documentation","docs:build":"vuepress build documentation"},"peerDependencies":{"vue":"^3.0.3"},"devDependencies":{"@vitejs/plugin-vue":"^2.3.3","@vuepress/plugin-google-analytics":"^2.0.0-beta.45","rollup":"^2.73.0","rollup-plugin-delete":"^2.0.0","rollup-plugin-dts":"^4.2.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-terser":"^7.0.2","rollup-plugin-typescript2":"^0.31.2","rollup-plugin-vue":"^6.0.0","typescript":"^4.5.4","vite":"^2.9.9","vue":"^3.2.25","vue-tsc":"^0.34.7","vuepress":"^2.0.0-beta.43","vuepress-plugin-copy-code2":"^2.0.0-beta.66","vuepress-plugin-full-text-search2":"^0.4.0"},"repository":{"type":"git","url":"git+https://github.com/devbaji/vue3-google-login.git"},"homepage":"https://devbaji.github.io/vue3-google-login","keywords":["vue","google","sign in with google","google identity","login","oauth2","lightweight","customizable"],"_id":"@benjuntilla/vue3-google-login@2.0.27","gitHead":"5188fd4a9fc0d6a0f9137db51c8ea45685f72720","bugs":{"url":"https://github.com/devbaji/vue3-google-login/issues"},"_nodeVersion":"20.12.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-UpKh+S30N25gECVEBTRKfkIF6k4l67ptjJ2T2dpbtDH0zrFsjdHu0y3Y7TgS8ji84tnQTyx+nVs6u1L8/w2GIA==","shasum":"7ffe1dd6ab974078ccf251e121bb803a360f0791","tarball":"https://registry.npmjs.org/@benjuntilla/vue3-google-login/-/vue3-google-login-2.0.27.tgz","fileCount":7,"unpackedSize":37172,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBUcht0oK76Xscx4e5VlRMwnVkxrAX/Xjm9vtCLNPenPAiEAnVzW/j9ARcQZbmL3kX5i+dGdPxhpIFduehTRDmIXk/I="}]},"_npmUser":{"name":"benjuntilla","email":"ben@benjuntilla.com"},"directories":{},"maintainers":[{"name":"benjuntilla","email":"ben@benjuntilla.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue3-google-login_2.0.27_1716425748205_0.33356174229197855"},"_hasShrinkwrap":false}},"time":{"created":"2024-05-23T00:54:17.886Z","2.0.26":"2024-05-23T00:54:18.184Z","modified":"2024-05-23T00:55:48.564Z","2.0.27":"2024-05-23T00:55:48.378Z"},"maintainers":[{"name":"benjuntilla","email":"ben@benjuntilla.com"}],"description":"Add Login With Google feature to your Vue 3 application using Google Identity Services","homepage":"https://devbaji.github.io/vue3-google-login","keywords":["vue","google","sign in with google","google identity","login","oauth2","lightweight","customizable"],"repository":{"type":"git","url":"git+https://github.com/devbaji/vue3-google-login.git"},"author":{"name":"Ananthakrishnan Baji","email":"ananthakrishnan.b7@gmail.com"},"bugs":{"url":"https://github.com/devbaji/vue3-google-login/issues"},"license":"MIT","readme":"<h1 align=\"center\">Vue 3 Google Login</h1>\n<p align=\"center\">\n  <img \n    src=\"https://devbaji.github.io/vue3-google-login/images/auto-login.gif\"\n    width=\"300\"\n  >\n</p>\n\n<p align=\"center\">\n  <a href=\"https://npm-stat.com/charts.html?package=vue3-google-login\" target=\"_blank\">\n    <img src=\"https://img.shields.io/npm/dm/vue3-google-login.svg\" alt=\"npm\"/>\n  </a>&nbsp;\n  <a href=\"https://www.npmjs.com/package/vue3-google-login\" target=\"_blank\">\n    <img src=\"https://img.shields.io/npm/v/vue3-google-login.svg\" alt=\"npm\"/>\n  </a>&nbsp;\n  <a href=\"https://bundlephobia.com/package/vue3-google-login\" target=\"_blank\">\n    <img src=\"https://img.shields.io/bundlephobia/minzip/vue3-google-login/^2.0.0\" alt=\"npm\"/>\n  </a>&nbsp;\n</p>\n\n<p align=\"center\">\n  <a href=\"https://www.buymeacoffee.com/developerbaji\" target=\"_blank\"><img src=\"https://img.shields.io/badge/Buy%20Me%20a%20Coffee-ffdd00?style=for-the-badge&logo=buy-me-a-coffee&logoColor=black\" alt=\"Buy Me A Coffee\"></a>\n  <a href=\"https://paypal.me/devbaji\" target=\"_blank\"><img src=\"https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white\" alt=\"Paypal\" ></a>\n</p>\n\n## Overview\n\nThis is a lightweight plugin to implement log-in and sign-up flows using [Google Identity Services](https://developers.google.com/identity) with the help of [Google 3P Authorization JavaScript Library](https://developers.google.com/identity/oauth2/web/guides/load-3p-authorization-library)\n\nThis allows you to implement the following features\n\n- Login with Google button\n- Login using One Tap prompt\n- Automatic Login without any user interaction\n- Login with Google using a custom button\n\n\n\n## Documentation\n\nhttps://devbaji.github.io/vue3-google-login/\n\n\n## Basic Setup\n\n### Installation\n\nFirst step is to install it using npm\n\n```bash\nnpm install vue3-google-login\n```\nOr using yarn\n```bash\nyarn add vue3-google-login\n```\n### Initialize the plugin\n\nInitialize the vue3-google-login plugin in main.js, this will register a component `GoogleLogin` globally\n\n\n```javascript\nimport { createApp } from 'vue'\nimport App from './App.vue'\nimport vue3GoogleLogin from 'vue3-google-login'\n\nconst app = createApp(App)\n\napp.use(vue3GoogleLogin, {\n  clientId: 'YOUR_GOOGLE_CLIENT_ID'\n})\n\napp.mount('#app')\n```\n\n> :bulb: If you dont want to initialize and register `GoogleLogin` component, you can directly import this from `vue3-google-login` package and use the client-id prop, also some functions accepts a clientId option which can be used to avoid initialising the plugin, see [here](https://devbaji.github.io/vue3-google-login/#options) for more info\n> \n### GoogleLogin component\n\nOnce the plugin is installed you can use the component `GoogleLogin` anywhere in your project, this will render a log in button which opens a popup for Google login\n\n```vue\n<script setup>\nconst callback = (response) => {\n  // This callback will be triggered when the user selects or login to\n  // his Google account from the popup\n  console.log(\"Handle the response\", response)\n}\n</script>\n\n<template>\n  <GoogleLogin :callback=\"callback\"/>\n</template>\n```\n<br>\n\n> ### For more advanced usages see the [docs](https://devbaji.github.io/vue3-google-login/)\n","readmeFilename":"README.md"}