Vue3, why is the component not working globally?

Question

Vue.js

Connected the library for authorization via https://github.com/phanan/vue-google-signin-button

My code:

import { createApp } from 'vue'
// прочие
import GSignInButton from 'vue-google-signin-button'

createApp(App).use(store).use(router).use(GSignInButton).mount('#app')

app.vue

<template>
  <component :is="layout + '-layout'"></component>
</template>

Sample

<router-view v-slot="{ Component }">
    <transition mode="out-in" name="component-fade">
      <component :is="Component" />
    </transition>
  </router-view>

A button in a nested component.

<g-signin-button
          :params="googleSignInParams"
          @success="onSignInSuccess"
          @error="onSignInError">
          Sign in with Google </g-signin-button>

Error:
I tried to enter the correct clientId
When I place this button directly in the VUE component, it disappears. How to fix?

Answer 1

This plugin most likely does not work on version 3. The plugin was last updated 3 years ago