Max Richter
4db1cc7d4f
All checks were successful
Deploy to GitHub Pages / build_site (push) Successful in 2m21s
103 lines
5.2 KiB
JavaScript
103 lines
5.2 KiB
JavaScript
import { h as histoireConfig, c as customLogos } from "./GenericMountStory.vue2-BX48YWx2.js";
|
|
import { u as useStoryStore } from "./story--eZPzd9h.js";
|
|
import { d as defineComponent, o as openBlock, b as createElementBlock, e as createVNode, g as unref, I as Icon, f as createBaseVNode, t as toDisplayString, c as computed } from "./vendor-BCKkA27H.js";
|
|
const HistoireLogo = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!--%20Created%20with%20Inkscape%20(http://www.inkscape.org/)%20--%3e%3csvg%20width='512'%20height='512'%20viewBox='0%200%20512%20512'%20version='1.1'%20id='svg5'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:svg='http://www.w3.org/2000/svg'%3e%3cdefs%20id='defs2'%20/%3e%3cg%20id='layer1'%3e%3crect%20style='opacity:0.5;fill:%2334d399;fill-opacity:1;stroke-width:1.00375'%20id='rect1372'%20width='314.30923'%20height='406.60901'%20x='-26.565063'%20y='134.75079'%20transform='rotate(-23.821262)'%20ry='8'%20/%3e%3crect%20style='fill:%2334d399;fill-opacity:1;stroke-width:1.00375'%20id='rect850'%20width='314.30923'%20height='406.60901'%20x='77.571838'%20y='72.808708'%20ry='8'%20transform='rotate(-4.5744534)'%20/%3e%3c/g%3e%3cg%20id='layer3'%3e%3cpath%20id='path1657-3'%20style='display:inline;fill:%23b4fae2;fill-opacity:1;stroke:%23b4fae2;stroke-width:8.34923;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1'%20d='M%20359.38947,355.95134%20320.72935,176.52942%20238.34613,238.94118%20Z%20M%20273.64124,273.06608%20152.59788,156.05591%20191.25804,335.47786%20Z'%20/%3e%3c/g%3e%3cg%20id='layer2'%20style='display:none'%3e%3cpath%20id='path1657'%20style='fill:%23b4fae2;fill-opacity:1;stroke:%23b4fae2;stroke-width:8;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1'%20d='m%20296,103.98242%20-135.53125,177.9668%20h%2088.70117%20z%20M%20262.83008,230.05078%20216,408.01758%20351.53125,230.05078%20Z'%20transform='rotate(-4.156553,256,256.00691)'%20/%3e%3c/g%3e%3c/svg%3e";
|
|
const _hoisted_1$1 = { class: "htw-p-2 htw-flex htw-items-center htw-gap-x-2" };
|
|
const _hoisted_2$1 = { class: "htw-flex htw-flex-col htw-leading-none" };
|
|
const _hoisted_3$1 = { class: "htw-text-primary-500 htw-min-w-[80px] htw-font-bold" };
|
|
const _hoisted_4 = { class: "htw-text-sm htw-text-gray-900 dark:htw-text-gray-100" };
|
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
__name: "HomeCounter",
|
|
props: {
|
|
icon: {
|
|
type: String,
|
|
default: "carbon:cube"
|
|
},
|
|
title: {
|
|
type: String,
|
|
default: ""
|
|
},
|
|
count: {
|
|
type: Number,
|
|
default: 0
|
|
}
|
|
},
|
|
setup(__props) {
|
|
const props = __props;
|
|
return (_ctx, _cache) => {
|
|
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
createVNode(unref(Icon), {
|
|
icon: props.icon,
|
|
class: "htw-text-2xl htw-text-gray-700 dark:htw-text-gray-300 htw-flex-none"
|
|
}, null, 8, ["icon"]),
|
|
createBaseVNode("div", _hoisted_2$1, [
|
|
createBaseVNode("span", _hoisted_3$1, toDisplayString(__props.count), 1),
|
|
createBaseVNode("span", _hoisted_4, toDisplayString(__props.title), 1)
|
|
])
|
|
]);
|
|
};
|
|
}
|
|
});
|
|
const _hoisted_1 = { class: "histoire-home-view htw-flex md:htw-flex-col htw-gap-12 htw-items-center htw-justify-center htw-h-full" };
|
|
const _hoisted_2 = ["src"];
|
|
const _hoisted_3 = { class: "htw-flex !md:htw-flex-col htw-flex-wrap htw-justify-evenly htw-gap-2 htw-px-4 htw-py-2 htw-bg-gray-100 dark:htw-bg-gray-750 htw-rounded htw-border htw-border-gray-500/30" };
|
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
__name: "HomeView",
|
|
setup(__props) {
|
|
const logoUrl = computed(() => {
|
|
var _a, _b;
|
|
return ((_b = (_a = histoireConfig.theme) == null ? void 0 : _a.logo) == null ? void 0 : _b.square) ? customLogos.square : HistoireLogo;
|
|
});
|
|
const storyStore = useStoryStore();
|
|
const stats = computed(() => {
|
|
let storyCount = 0;
|
|
let variantCount = 0;
|
|
let docsCount = 0;
|
|
(storyStore.stories || []).forEach((story) => {
|
|
if (story.docsOnly) {
|
|
docsCount++;
|
|
} else {
|
|
storyCount++;
|
|
if (story.variants) {
|
|
variantCount += story.variants.length;
|
|
}
|
|
}
|
|
});
|
|
return {
|
|
storyCount,
|
|
variantCount,
|
|
docsCount
|
|
};
|
|
});
|
|
return (_ctx, _cache) => {
|
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
createBaseVNode("img", {
|
|
src: logoUrl.value,
|
|
alt: "Logo",
|
|
class: "htw-w-64 htw-h-64 htw-opacity-25 htw-mb-8 htw-hidden md:htw-block"
|
|
}, null, 8, _hoisted_2),
|
|
createBaseVNode("div", _hoisted_3, [
|
|
createVNode(_sfc_main$1, {
|
|
title: "Stories",
|
|
icon: "carbon:cube",
|
|
count: stats.value.storyCount
|
|
}, null, 8, ["count"]),
|
|
createVNode(_sfc_main$1, {
|
|
title: "Variants",
|
|
icon: "carbon:cube-view",
|
|
count: stats.value.variantCount
|
|
}, null, 8, ["count"]),
|
|
createVNode(_sfc_main$1, {
|
|
title: "Documents",
|
|
icon: "carbon:document-blank",
|
|
count: stats.value.docsCount
|
|
}, null, 8, ["count"])
|
|
])
|
|
]);
|
|
};
|
|
}
|
|
});
|
|
export {
|
|
_sfc_main as default
|
|
};
|