Google Oauth Sign In Blank White Pop Up

[bobwatcherx]

I'm creating a google oauth login with quasar and when I click it a pop up appears however, it doesn't display anything. I'm using the vue3-google-login library,

is there a solution?

My Code IndexPage.vue

<template>
  <q-page>
    dwqdw
      <GoogleLogin :callback="callback"/>
  </q-page>
</template>
<script setup>
const callback = (response) => {
  // This callback will be triggered when the user selects or login to
  // his Google account from the popup
  console.log("Handle the response", response)
}
</script>

Boot File google.js

import { boot } from 'quasar/wrappers'
import vue3GoogleLogin from 'vue3-google-login'

export default boot(({app}) => {
app.use(vue3GoogleLogin, {
  clientId: 'PRIVATE '
})
})

Package.json file

{
  "name": "quasar-google",
  "version": "0.0.1",
  "description": "A Quasar Project",
  "productName": "Quasar App",
  "author": "bob",
  "private": true,
  "scripts": {
    "test": "echo \"No test specified\" && exit 0"
  },
  "dependencies": {
    "@quasar/extras": "^1.0.0",
    "quasar": "^2.6.0",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0",
    "vue3-google-login": "^2.0.12"
  },
  "devDependencies": {
    "@quasar/app-vite": "^1.0.0",
    "autoprefixer": "^10.4.2",
    "postcss": "^8.4.14"
  },
  "engines": {
    "node": "^18 || ^16 || ^14.19",
    "npm": ">= 6.13.4",
    "yarn": ">= 1.21.1"
  }
}