$gAuthを呼び出すと、CombinedVueInstance<Vue, object, object, object, Record<never, any>>が表示されてしまいます

Question

Vue.jsのアプリケーションでGoogleサインインを実装しています。
現状は$gAuthを呼び出す際に下記のエラーが表示されてしまいます。

vue2.6.11でcomposition apiを使った書き方をしています。

Property '$gAuth' does not exist on type 'CombinedVueInstance<Vue, object, object, object, Record<never, any>>'.Vetur(2339)

<script lang="ts">
import { defineComponent } from '@vue/composition-api'
export default defineComponent({
  setup(props, context) {
    const google = async () => {
      const googleUser = await context.root.$gAuth.signIn()
      let profile = googleUser.getBasicProfile();

      const gUser = {
        name: profile.getName(),
        email: profile.getEmail(),
        image: profile.getImageUrl()
      }
      context.root.$store.dispatch("users/google", gUser);
    }

    return {
      google
    }
  },
})
</script>

import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store/index";

import GAuth from 'vue-google-oauth2'
const gauthOption = {
  clientId: `${process.env.VUE_APP_GOOGLE_CLIENT_ID}.apps.googleusercontent.com`,
  scope: 'profile email',
  prompt: 'select_account'
}
Vue.use(GAuth, gauthOption)

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");

調べたこと
以下を参考にveturの設定など変更しましたがエラー分は消えませんでした。また
https://github.com/vuejs/vetur/issues/2131
https://qiita.com/shunjikonishi/items/3774486d37af80d1ae47
あと、ライブラリを変更して以下を試してみようと思いましたがvueのバージョンが2.6.11だったので断念しました。
https://www.npmjs.com/package/vue3-google-oauth2

どなたかこの部分に知見のある方いましたら、アドバイスいただきたいです。

vue 2.6.11
vue-google-oauth2 1.5.8

Answer 1

一旦下記のコードで進めることにしました。

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore