En los documentos , puede ver que si no proporciona el atributo data-login_uri, Google lo redirigirá a la misma página donde hizo clic en el botón de inicio de sesión, si planea publicar la credencial JWT después de iniciar sesión en http://localhost:3000/oauth entonces el html debe ser así

 <div id="g_id_onload" :data-client_id="googleClientId" data-ux_mode="redirect" data-auto_prompt="false" data-login_uri="http://localhost:3000/oauth" :data-callback="getGoogleLoginCallback" style="z-index: 100000000000000000" ></div> <div class="g_id_signin"></div>

No estoy recomendando esta forma de usar html en su aplicación Vue, esto puede no funcionar si el componente que contiene este html se monta después de cargar la biblioteca

En su lugar, use la función renderButton

En su lugar, puede usar la función google.accounts.id.renderButton para crear dinámicamente un botón de inicio de sesión.

O use un complemento en su lugar

Puede hacer lo mismo fácilmente usando este complemento Vue 3 vue3-google-login que creé recientemente para integrar fácilmente la función Iniciar sesión con Google en su aplicación Vue 3, todo lo que necesita hacer es inicializar el complemento en main.js con su ID de cliente luego use el componente GoogleLogin así

 <script setup> const idConfiguration = { login_uri:'http://localhost:3000/oauth', ux_mode:'redirect' } </script> <template> <GoogleLogin :idConfiguration="idConfiguration" /> </template>