v-github-icon
Version:
Vue + GitHub Icon ❤️
94 lines (93 loc) • 3.98 kB
JavaScript
import { defineComponent as u, openBlock as l, createElementBlock as n, normalizeStyle as a, createElementVNode as t, createCommentVNode as C } from "vue";
const d = u({
name: "VGithubIcon",
props: {
url: {
type: String,
required: !0,
default: ""
},
position: {
type: String,
required: !1,
default: "top-right"
},
bgColor: {
type: String,
required: !1,
default: "#FFFFFF"
},
fillColor: {
type: String,
required: !1,
default: "#151513"
}
}
}), f = (o, e) => {
const r = o.__vccOpts || o;
for (const [i, s] of e)
r[i] = s;
return r;
}, c = ["href"];
function h(o, e, r, i, s, b) {
return l(), n("a", {
href: o.url,
class: "github-corner",
"aria-label": "View source on GitHub",
target: "_blank",
rel: "noopener noreferrer"
}, [
o.position === "top-left" ? (l(), n("svg", {
key: 0,
width: "80",
height: "80",
viewBox: "0 0 250 250",
style: a([{ fill: o.fillColor, color: o.bgColor }, { position: "absolute", top: "0", border: "0", left: "0", transform: "scale(-1, 1)" }]),
"aria-hidden": "true"
}, [...e[0] || (e[0] = [
t("path", { d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" }, null, -1),
t("path", {
d: "M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",
fill: "currentColor",
style: { "transform-origin": "130px 106px" },
class: "octo-arm"
}, null, -1),
t("path", {
d: "M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",
fill: "currentColor",
class: "octo-body"
}, null, -1)
])], 4)) : C("", !0),
o.position === "top-right" ? (l(), n("svg", {
key: 1,
width: "80",
height: "80",
viewBox: "0 0 250 250",
style: a([{ fill: o.fillColor, color: o.bgColor }, { position: "absolute", top: "0", border: "0", right: "0" }]),
"aria-hidden": "true"
}, [...e[1] || (e[1] = [
t("path", { d: "M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z" }, null, -1),
t("path", {
d: "M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2",
fill: "currentColor",
style: { "transform-origin": "130px 106px" },
class: "octo-arm"
}, null, -1),
t("path", {
d: "M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z",
fill: "currentColor",
class: "octo-body"
}, null, -1)
])], 4)) : C("", !0)
], 8, c);
}
const g = /* @__PURE__ */ f(d, [["render", h], ["__scopeId", "data-v-6c7dc248"]]);
let p = !1;
const y = (o) => {
p || (o.component("VGithubIcon", g), p = !0);
};
export {
g as VGithubIcon,
y as default
};
//# sourceMappingURL=v-github-icon.js.map