google-login-vue3
Version:
A lightweight and customizable Vue 3 component for Google OAuth 2.0 authentication, supporting both code-based and JWT-based authentication modes.
42 lines (41 loc) • 2.1 kB
JavaScript
import { createElementBlock as s, openBlock as l, normalizeStyle as r, createElementVNode as e, unref as Q } from "vue";
const n = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABHVBMVEVHcExChfRChfRChfbrQzU0qFPrQzU1qFLrQzWSq1RHqk00qFPrQzU0qFNChfRChfXsSzLrQzU0qFPrQzXrQzU0qFPrQzX8vAX7vAVChfT7vAUzqFOakD1ChfRChfT7vAXrQzU0qFNBqVLrQzXrQzXrQzXrQzXrQjXrQzU0qFM0qFNChfQ0qFPrQzXrQjUzqFP6qwxChfTrQzU8krg0qFPrQzVChfQ0p1hChfTsSDM0qFO1tSA0qFNChfRChfT4vAb7vQRChfT7vAX7vAX2lhQ0qFPrQzX7vAX7vAU0qFH3nRFChfRChfTrQzU0qFNChfT8vAQ5nIzwZifzgxw/jNY2o2rsSzJBiOb6twdTq0fYuROOsTDsuwttrj35rQubbm0NAAAATXRSTlMAGdsC9+oLsosFC/7t/KpwWDlZHPx1ruCykFE8AvA3o5h/ZRJCBWC14k3x4RDQScAM+tj2l3sRnle+5PrTnQsnIrj3hfsvbsLFNfiyzgKT5BUAAAGHSURBVDjLhZLndoJAEIVXAUGKCIoNe+zBkqixRk2vIKb393+MkKVIkZPv1569d2fuDABgEYsW23RcRhsTohICHmLDNiqb0PWoy1KttWUHaIKz63tFVHbTiNrKJ+QdEFXrvU1HUbMWYaXIEqZ6WKxVuM5lgpbl+FYHHdqIPowZibk6atN7E+N5xRa6Y5syc/sAQ3NgN+GC+qM50JqPDpZJVX17fKmH/AyZU1Xj3NrKUcDBApz96WpyZehIOuiABQVouOqZhsjawTFIQUMq7GO4+9+gt7j2axExQy49IQ+gIW2MOSu7x8zvQwMLVtqivj6VruTazxhWyOVBtqB+fCsKIzj1xQkscB/QVjl7VzSwpsPAmhEAIHEFMuWz2y/I5tZGBw0R0x2twYW+jfDNqG/sEYEXAqM7FAwX+CZfwrUXm1dND+b1guRAsaAYSj9snta5sdlSGlGKh+c+i1ihyFLLY8DKiG2qbLPLOGQGF12bk8rdltmIwnBe8v58pFjC5xg2neOCSFq3v3TAilJGu9ntAAAAAElFTkSuQmCC", h = ["src"], z = {
__name: "CustomButton",
props: {
buttonStyles: {
type: Object,
default: () => ({
cursor: "pointer",
display: "inline-flex",
alignItems: "center",
padding: "10px 20px",
borderRadius: "5px",
boxShadow: "0 2px 4px rgba(0, 0, 0, 0.2)"
})
},
logoStyles: {
type: Object,
default: () => ({
width: "20px",
height: "20px",
marginRight: "10px"
})
}
},
setup(o) {
const t = o;
return (q, A) => (l(), s("div", {
style: r(t.buttonStyles)
}, [
e("img", {
src: Q(n),
alt: "Google Logo",
style: r(t.logoStyles)
}, null, 12, h),
A[0] || (A[0] = e("span", null, "Sign in with Google", -1))
], 4));
}
};
export {
z as default
};