def post(self, request):
        authoriztion_code = request.data.get("authorization_code")
        if authoriztion_code is None:
            return Response(
                {"error": "Please provide a valid authorization code"},
                status=status.HTTP_400_BAD_REQUEST,
            )

        flow = Flow.from_client_secrets_file(
            "path/to/client_secret.json",
            scopes=[
                "https://www.googleapis.com/auth/userinfo.profile",
                "https://www.googleapis.com/auth/userinfo.email",
                "https://www.googleapis.com/auth/user.birthday.read",
            ],
            redirect_uri="http://127.0.0.1:8000/google-authorize/",
        )

        flow.fetch_token(code=authoriztion_code)
        credential = flow.credentials

        print(credential)
       # planning to make the API calls here

<script setup>
import { onMounted } from "vue";

onMounted(() => {
  const script = document.createElement("script");
  script.src = "https://accounts.google.com/gsi/client";
  script.async = true;
  document.body.insertBefore(script, document.body.firstChild);

  script.onload = () => {
    window.onload = function () {
      google.accounts.id.initialize({
        client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID,
        callback: handleCredentialResponse,
        auto_select: false,
        login_uri: "http://localhost:5173",
      });
      google.accounts.id.renderButton(document.getElementById("buttonDiv"), {
        theme: "outline",
        size: "large",
      });
    };

    const getAuthorizationCode = () => {
      const client = google.accounts.oauth2.initCodeClient({
        client_id: import.meta.env.VITE_GOOGLE_CLIENT_ID,
        scope: "https://www.googleapis.com/auth/user.birthday.read",
        ux_mode: "popup",
        callback: (response) => {
          console.log("Auth code response: ", response);
          // planning to pass the code to the backend here
        },
        select_account: false,
        login_hint: "myaccount@gmail.com", // my email here
      });

      client.requestCode();
    };

    const login = async (credential) => {
      const response = await fetch("http://localhost:8000/account/google/", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          credential: credential,
        }),
      });

      if (response.ok) {
        const data = await response.json();
        console.log("Authentication in the server: ", data);
        getAuthorizationCode(credential);
      } else {
        console.error("Failed to login with Google");
      }
    };

    function handleCredentialResponse(response) {
      console.log("Credential response: ", response);
      login(response.credential);
    }
  };

  script.onerror = (error) => {
    console.error("Failed to load Google Identity Services library", error);
  };
});
</script>

Credential response: {
    "clientId": "286817242560-3elpadlen86leq....2i.apps.googleusercontent.com",
    "client_id": "286817242560-3elpadlen86le....v02i.apps.googleusercontent.com",
    "credential": "....", // random characters
    "select_by": "btn"
}

Authentication in the server:  {detail: 'Success'}

Auth code response: {
    "code": "4/0AeaYSHAEhUuiyGSwqCQi4V....",
    "scope": "email profile https://www.googleapis.com/auth/user.birthday.read openid https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email",
    "authuser": "0",
    "prompt": "consent"
}