@voidzero-dev/vitepress-theme 0.0.18 → 0.1.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +60 -0
- package/dist/assets/clients/bolt.svg +5 -0
- package/dist/assets/clients/cloudflare.svg +26 -0
- package/dist/assets/clients/framer.svg +16 -0
- package/dist/assets/clients/hugging-face.svg +9 -0
- package/dist/assets/clients/linear.svg +7 -0
- package/dist/assets/clients/mercedes.svg +2865 -0
- package/dist/assets/clients/openai.svg +1 -0
- package/dist/assets/clients/plaid.svg +7 -0
- package/dist/assets/clients/ramp.svg +1 -0
- package/dist/assets/clients/shopify.svg +30 -0
- package/dist/assets/icons/oxc-dark.svg +124 -0
- package/dist/assets/icons/oxc-light.svg +124 -0
- package/dist/assets/icons/oxc-mono.svg +5 -0
- package/dist/assets/icons/rolldown-dark.svg +92 -0
- package/dist/assets/icons/rolldown-light.svg +92 -0
- package/dist/assets/icons/rolldown-mono.svg +5 -0
- package/dist/assets/icons/vite-dark.svg +132 -0
- package/dist/assets/icons/vite-light.svg +132 -0
- package/dist/assets/icons/vite-mono.svg +5 -0
- package/dist/assets/icons/viteplus-dark.svg +133 -0
- package/dist/assets/icons/viteplus-light.svg +133 -0
- package/dist/assets/icons/viteplus-mono.svg +6 -0
- package/dist/assets/icons/vitest-dark.svg +52 -0
- package/dist/assets/icons/vitest-light.svg +52 -0
- package/dist/assets/icons/vitest-mono.svg +5 -0
- package/dist/assets/logos/oxc-dark.svg +125 -0
- package/dist/assets/logos/oxc-light.svg +125 -0
- package/dist/assets/logos/rolldown-dark.svg +93 -0
- package/dist/assets/logos/rolldown-light.svg +93 -0
- package/dist/assets/logos/vite-dark.svg +133 -0
- package/dist/assets/logos/vite-light.svg +133 -0
- package/dist/assets/logos/viteplus-dark.svg +133 -0
- package/dist/assets/logos/viteplus-light.svg +133 -0
- package/dist/assets/logos/vitest-dark.svg +53 -0
- package/dist/assets/logos/vitest-light.svg +53 -0
- package/dist/assets/logos/voidzero-dark.svg +3 -0
- package/dist/assets/logos/voidzero-light.svg +3 -0
- package/dist/assets/social/github.svg +3 -0
- package/dist/assets/terminal-background.jpg +0 -0
- package/dist/assets/viteplus/logo.svg +1 -0
- package/dist/assets/voidzero/animations/1280_x_552_homepage.riv +0 -0
- package/dist/assets/voidzero/animations/480_x_480_build_tool_for_web.riv +0 -0
- package/dist/assets/voidzero/animations/480_x_480_fastest_javascript_bundler.riv +0 -0
- package/dist/assets/voidzero/animations/480_x_480_language_toolchain.riv +0 -0
- package/dist/assets/voidzero/animations/480_x_480_next_generation_runner.riv +0 -0
- package/dist/assets/voidzero/backgrounds/casestudies.jpg +0 -0
- package/dist/assets/voidzero/backgrounds/oxc.jpg +0 -0
- package/dist/assets/voidzero/backgrounds/rolldown.jpg +0 -0
- package/dist/assets/voidzero/backgrounds/vite.jpg +0 -0
- package/dist/assets/voidzero/backgrounds/vitest.jpg +0 -0
- package/dist/assets/voidzero/logo.svg +3 -0
- package/dist/assets/voidzero/terminals/rolldown.svg +7 -0
- package/dist/assets/voidzero/terminals/vite.svg +9 -0
- package/dist/assets/voidzero/terminals/vitest.svg +49 -0
- package/dist/index.css +1 -346
- package/dist/index.d.ts +2 -2
- package/dist/index.js +5 -3
- package/dist/index10.js +7 -0
- package/dist/index11.js +13 -0
- package/dist/index12.js +13 -0
- package/dist/index13.js +13 -0
- package/dist/index14.js +7 -0
- package/dist/index15.js +12 -0
- package/dist/index16.js +7 -0
- package/dist/index17.js +12 -0
- package/dist/index18.js +7 -0
- package/dist/index19.js +22 -0
- package/dist/index2.js +29 -0
- package/dist/index21.js +4 -0
- package/dist/index22.js +4 -0
- package/dist/index23.js +4 -0
- package/dist/index24.js +4 -0
- package/dist/index25.js +4 -0
- package/dist/index26.js +4 -0
- package/dist/index27.js +23 -0
- package/dist/index29.js +9 -0
- package/dist/index3.js +75 -0
- package/dist/index30.js +107 -0
- package/dist/index32.js +4 -0
- package/dist/index33.js +4 -0
- package/dist/index34.js +297 -0
- package/dist/index36.js +149 -0
- package/dist/index38.js +116 -0
- package/dist/index4.js +157 -0
- package/dist/index40.js +4 -0
- package/dist/index41.js +28 -0
- package/dist/index42.js +32 -0
- package/dist/index43.js +28 -0
- package/dist/index44.js +28 -0
- package/dist/index45.js +28 -0
- package/dist/index46.js +28 -0
- package/dist/index47.js +4 -0
- package/dist/index48.js +4 -0
- package/dist/index49.js +4 -0
- package/dist/index5.js +15 -0
- package/dist/index50.js +4 -0
- package/dist/index51.js +4 -0
- package/dist/index52.js +4 -0
- package/dist/index53.js +4 -0
- package/dist/index54.js +4 -0
- package/dist/index55.js +4 -0
- package/dist/index56.js +4 -0
- package/dist/index57.js +4 -0
- package/dist/index58.js +20 -0
- package/dist/index59.js +20 -0
- package/dist/index6.js +75 -0
- package/dist/index60.js +20 -0
- package/dist/index61.js +4 -0
- package/dist/index62.js +51 -0
- package/dist/index63.js +45 -0
- package/dist/index64.js +2589 -0
- package/dist/index65.js +53 -0
- package/dist/index66.js +7209 -0
- package/dist/index67.js +16 -0
- package/dist/index68.js +36 -0
- package/dist/index69.js +4 -0
- package/dist/index7.js +36 -0
- package/dist/index70.js +4 -0
- package/dist/index71.js +4 -0
- package/dist/index72.js +4 -0
- package/dist/index73.js +4 -0
- package/dist/index74.js +4 -0
- package/dist/index75.js +4 -0
- package/dist/index76.js +4 -0
- package/dist/index77.js +4 -0
- package/dist/index78.js +4 -0
- package/dist/index79.js +4 -0
- package/dist/index8.js +35 -0
- package/dist/index80.js +24 -0
- package/dist/index81.js +126 -0
- package/dist/index82.js +4 -0
- package/dist/index83.js +441 -0
- package/dist/index84.js +1737 -0
- package/dist/index85.js +4 -0
- package/dist/index86.js +4 -0
- package/dist/index87.js +4 -0
- package/dist/index88.js +4 -0
- package/dist/index89.js +4 -0
- package/dist/index9.js +7 -0
- package/dist/index90.js +4 -0
- package/dist/index91.js +35 -0
- package/dist/index92.js +1204 -0
- package/dist/index93.js +448 -0
- package/dist/index94.js +7 -0
- package/dist/index95.js +4 -0
- package/dist/index96.js +317 -0
- package/dist/index97.js +4 -0
- package/dist/index98.js +6 -0
- package/dist/vitepress/components/shared/Eyebrow.vue.d.ts +5 -0
- package/dist/vitepress/components/shared/Footer.vue.d.ts +2 -0
- package/dist/vitepress/components/shared/RiveAnimation.vue.d.ts +20 -0
- package/dist/vitepress/components/shared/Terminal.vue.d.ts +4 -0
- package/dist/vitepress/components/shared/icons/VZIconBluesky.vue.d.ts +2 -0
- package/dist/vitepress/components/shared/icons/VZIconGitHub.vue.d.ts +2 -0
- package/dist/vitepress/components/shared/icons/VZIconTwitter.vue.d.ts +2 -0
- package/dist/vitepress/components/shared/terminal-animations/TerminalAnimation1.vue.d.ts +5 -0
- package/dist/vitepress/components/shared/terminal-animations/TerminalAnimation2.vue.d.ts +5 -0
- package/dist/vitepress/components/shared/terminal-animations/TerminalAnimation3.vue.d.ts +5 -0
- package/dist/vitepress/components/shared/terminal-animations/TerminalAnimation4.vue.d.ts +5 -0
- package/dist/vitepress/components/shared/terminal-animations/TerminalAnimation5.vue.d.ts +5 -0
- package/dist/vitepress/components/shared/terminal-animations/TerminalAnimation6.vue.d.ts +5 -0
- package/dist/vitepress/components/viteplus/Header.vue.d.ts +17 -0
- package/dist/vitepress/components/voidzero/CaseStudySlider.vue.d.ts +5 -0
- package/dist/vitepress/components/voidzero/CustomersSectionHeading.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/GitHubStats.vue.d.ts +7 -0
- package/dist/vitepress/components/voidzero/Header.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/Hero.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/OpenSourceSectionHeading.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/OpenSourceSectionProjects.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/Statistics.vue.d.ts +7 -0
- package/dist/vitepress/components/voidzero/StatisticsSectionHeading.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/TeamCTA.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/TrustedBy.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/VitePlusSectionFeatures.vue.d.ts +2 -0
- package/dist/vitepress/components/voidzero/VitePlusSectionHeading.vue.d.ts +2 -0
- package/dist/vitepress/index.d.ts +4 -32
- package/package.json +13 -3
- package/dist/_virtual/_/plugin-vue/export-helper.js +0 -11
- package/dist/assets/cta-background-CgYtVhnO.jpg +0 -1
- package/dist/vitepress/assets/cta-background.js +0 -5
- package/dist/vitepress/components/Eyebrow.js +0 -18
- package/dist/vitepress/components/Footer.js +0 -72
- package/dist/vitepress/components/Header.js +0 -34
- package/dist/vitepress/components/RiveAnimation.js +0 -117
- package/dist/vitepress/components/Terminal.js +0 -161
- package/dist/vitepress/components/icons/VZIconBluesky.js +0 -21
- package/dist/vitepress/components/icons/VZIconGitHub.js +0 -21
- package/dist/vitepress/components/icons/VZIconLogo.js +0 -24
- package/dist/vitepress/components/icons/VZIconTwitter.js +0 -21
- package/dist/vitepress/components/terminal-animations/TerminalAnimation1.js +0 -37
- package/dist/vitepress/components/terminal-animations/TerminalAnimation2.js +0 -44
- package/dist/vitepress/components/terminal-animations/TerminalAnimation3.js +0 -37
- package/dist/vitepress/components/terminal-animations/TerminalAnimation4.js +0 -37
- package/dist/vitepress/components/terminal-animations/TerminalAnimation5.js +0 -37
- package/dist/vitepress/components/terminal-animations/TerminalAnimation6.js +0 -37
- package/dist/vitepress/index.js +0 -21
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { createElementBlock, createElementVNode, defineComponent, openBlock, toDisplayString } from "vue";
|
|
2
|
-
|
|
3
|
-
//#region src/vitepress/components/Eyebrow.vue
|
|
4
|
-
const _hoisted_1 = { class: "wrapper wrapper--ticks border-t p-5 pl-10" };
|
|
5
|
-
const _hoisted_2 = { class: "text-nickel dark:text-white text-xs font-medium font-mono uppercase tracking-wide" };
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "Eyebrow",
|
|
8
|
-
props: { title: {} },
|
|
9
|
-
setup(__props) {
|
|
10
|
-
return (_ctx, _cache) => {
|
|
11
|
-
return openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(__props.title), 1)]);
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
var Eyebrow_default = _sfc_main;
|
|
16
|
-
|
|
17
|
-
//#endregion
|
|
18
|
-
export { Eyebrow_default as default };
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import VZIconGitHub_default from "./icons/VZIconGitHub.js";
|
|
2
|
-
import VZIconBluesky_default from "./icons/VZIconBluesky.js";
|
|
3
|
-
import VZIconTwitter_default from "./icons/VZIconTwitter.js";
|
|
4
|
-
import cta_background_default from "../assets/cta-background.js";
|
|
5
|
-
import { createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, normalizeStyle, openBlock, toDisplayString, unref } from "vue";
|
|
6
|
-
|
|
7
|
-
//#region src/vitepress/components/Footer.vue
|
|
8
|
-
const _hoisted_1 = {
|
|
9
|
-
class: "bg-primary",
|
|
10
|
-
"data-theme": "dark"
|
|
11
|
-
};
|
|
12
|
-
const _hoisted_2 = { class: "wrapper" };
|
|
13
|
-
const _hoisted_3 = { class: "px-5 md:px-24 pt-10 md:pt-16 pb-16 md:pb-30 flex flex-col md:flex-row gap-10 md:gap-0 md:justify-between" };
|
|
14
|
-
const _hoisted_4 = { class: "flex flex-col gap-3" };
|
|
15
|
-
const _hoisted_5 = {
|
|
16
|
-
href: "https://github.com/voidzero-dev",
|
|
17
|
-
target: "_blank",
|
|
18
|
-
rel: "noopener noreferrer",
|
|
19
|
-
class: "text-white text-base flex gap-3 items-center"
|
|
20
|
-
};
|
|
21
|
-
const _hoisted_6 = {
|
|
22
|
-
href: "https://web-cdn.bsky.app/profile/voidzero.dev",
|
|
23
|
-
target: "_blank",
|
|
24
|
-
rel: "noopener noreferrer",
|
|
25
|
-
class: "text-white text-base flex gap-3 items-center"
|
|
26
|
-
};
|
|
27
|
-
const _hoisted_7 = {
|
|
28
|
-
href: "https://x.com/voidzerodev",
|
|
29
|
-
target: "_blank",
|
|
30
|
-
rel: "noopener noreferrer",
|
|
31
|
-
class: "text-white text-base flex gap-3 items-center"
|
|
32
|
-
};
|
|
33
|
-
const _hoisted_8 = { class: "wrapper wrapper--ticks border-t py-5 px-5 md:px-24" };
|
|
34
|
-
const _hoisted_9 = { class: "text-sm" };
|
|
35
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
36
|
-
__name: "Footer",
|
|
37
|
-
setup(__props) {
|
|
38
|
-
return (_ctx, _cache) => {
|
|
39
|
-
return openBlock(), createElementBlock("footer", _hoisted_1, [createElementVNode("section", _hoisted_2, [createElementVNode("div", {
|
|
40
|
-
class: "bg-wine bg-cover py-16 md:py-30 px-5 md:px-0 overflow-clip flex flex-col items-center justify-center gap-8 md:gap-12",
|
|
41
|
-
style: normalizeStyle({ backgroundImage: `url(${unref(cta_background_default)})` })
|
|
42
|
-
}, [..._cache[0] || (_cache[0] = [createElementVNode("h2", { class: "text-white w-full md:w-2xl text-center text-balance" }, "Take your team's productivity to the next level with Vite+", -1), createElementVNode("div", { class: "flex items-center gap-5" }, [createElementVNode("a", {
|
|
43
|
-
href: "https://tally.so/r/nGWebL",
|
|
44
|
-
target: "_blank",
|
|
45
|
-
rel: "noopener noreferrer",
|
|
46
|
-
class: "button"
|
|
47
|
-
}, "Register your interest"), createElementVNode("a", {
|
|
48
|
-
href: "https://voidzero.dev/posts/announcing-vite-plus?utm_source=viteplusdev&utm_content=bottom_learn_more",
|
|
49
|
-
target: "_blank",
|
|
50
|
-
rel: "noopener noreferrer",
|
|
51
|
-
class: "button"
|
|
52
|
-
}, " Learn more ")], -1)])], 4), createElementVNode("div", _hoisted_3, [_cache[5] || (_cache[5] = createStaticVNode("<div><p class=\"text-grey text-xs font-mono uppercase tracking-wide mb-8\">Company</p><ul class=\"flex flex-col gap-3\"><li><a href=\"https://voidzero.dev/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">VoidZero</a></li><li><a href=\"https://vite.dev/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Vite</a></li><li><a href=\"https://rolldown.rs/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Rolldown</a></li><li><a href=\"https://vitest.dev/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Vitest</a></li><li><a href=\"https://oxc.rs/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"text-white text-base\">Oxc</a></li></ul></div>", 1)), createElementVNode("div", null, [_cache[4] || (_cache[4] = createElementVNode("p", { class: "text-grey text-xs font-mono uppercase tracking-wide mb-8" }, "Social", -1)), createElementVNode("ul", _hoisted_4, [
|
|
53
|
-
createElementVNode("li", null, [createElementVNode("a", _hoisted_5, [createVNode(VZIconGitHub_default, {
|
|
54
|
-
class: "size-5",
|
|
55
|
-
"aria-label": "GitHub"
|
|
56
|
-
}), _cache[1] || (_cache[1] = createTextVNode("GitHub", -1))])]),
|
|
57
|
-
createElementVNode("li", null, [createElementVNode("a", _hoisted_6, [createVNode(VZIconBluesky_default, {
|
|
58
|
-
class: "size-5",
|
|
59
|
-
"aria-label": "Bluesky"
|
|
60
|
-
}), _cache[2] || (_cache[2] = createTextVNode("Bluesky", -1))])]),
|
|
61
|
-
createElementVNode("li", null, [createElementVNode("a", _hoisted_7, [createVNode(VZIconTwitter_default, {
|
|
62
|
-
class: "size-5",
|
|
63
|
-
"aria-label": "Twitter"
|
|
64
|
-
}), _cache[3] || (_cache[3] = createTextVNode("X.com", -1))])])
|
|
65
|
-
])])])]), createElementVNode("section", _hoisted_8, [createElementVNode("p", _hoisted_9, [createTextVNode("© " + toDisplayString((/* @__PURE__ */ new Date()).getFullYear()) + " VoidZero Inc. ", 1), _cache[6] || (_cache[6] = createElementVNode("span", { class: "hidden sm:inline" }, "All Rights Reserved.", -1))])])]);
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
var Footer_default = _sfc_main;
|
|
70
|
-
|
|
71
|
-
//#endregion
|
|
72
|
-
export { Footer_default as default };
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import VZIconLogo_default from "./icons/VZIconLogo.js";
|
|
2
|
-
import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";
|
|
3
|
-
import { useData, useRoute } from "vitepress";
|
|
4
|
-
|
|
5
|
-
//#region src/vitepress/components/Header.vue
|
|
6
|
-
const _hoisted_1 = { class: "wrapper px-6 py-7 flex items-center justify-between" };
|
|
7
|
-
const _hoisted_2 = { class: "flex items-center gap-10" };
|
|
8
|
-
const _hoisted_3 = { href: "/" };
|
|
9
|
-
const _hoisted_4 = { class: "nav" };
|
|
10
|
-
const _hoisted_5 = ["href"];
|
|
11
|
-
const _hoisted_6 = { class: "flex items-center gap-6" };
|
|
12
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
|
-
__name: "Header",
|
|
14
|
-
setup(__props) {
|
|
15
|
-
const { site, theme } = useData();
|
|
16
|
-
const nav = theme.value.nav;
|
|
17
|
-
const route = useRoute();
|
|
18
|
-
return (_ctx, _cache) => {
|
|
19
|
-
return openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("a", _hoisted_3, [createVNode(VZIconLogo_default, {
|
|
20
|
-
class: "h-4",
|
|
21
|
-
"aria-label": unref(site).title
|
|
22
|
-
}, null, 8, ["aria-label"])]), createElementVNode("ul", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(nav), (navItem) => {
|
|
23
|
-
return openBlock(), createElementBlock("li", { key: navItem.link }, [createElementVNode("a", {
|
|
24
|
-
class: normalizeClass({ active: unref(route).path === navItem.link }),
|
|
25
|
-
href: navItem.link
|
|
26
|
-
}, toDisplayString(navItem.text), 11, _hoisted_5)]);
|
|
27
|
-
}), 128))])]), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "right-side", {}, () => [createCommentVNode(" Right-aligned links / calls-to-action ")])])]);
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
var Header_default = _sfc_main;
|
|
32
|
-
|
|
33
|
-
//#endregion
|
|
34
|
-
export { Header_default as default };
|
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { computed, createElementBlock, createElementVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref } from "vue";
|
|
2
|
-
import * as rive from "@rive-app/canvas";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/RiveAnimation.vue
|
|
5
|
-
const _hoisted_1 = ["width", "height"];
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "RiveAnimation",
|
|
8
|
-
props: {
|
|
9
|
-
desktopSrc: {},
|
|
10
|
-
mobileSrc: {},
|
|
11
|
-
breakpoint: { default: 768 },
|
|
12
|
-
stateMachines: { default: "State Machine 1" },
|
|
13
|
-
canvasClass: { default: "w-full" },
|
|
14
|
-
desktopWidth: {},
|
|
15
|
-
desktopHeight: {},
|
|
16
|
-
mobileWidth: {},
|
|
17
|
-
mobileHeight: {}
|
|
18
|
-
},
|
|
19
|
-
setup(__props) {
|
|
20
|
-
const props = __props;
|
|
21
|
-
const canvasRef = ref(null);
|
|
22
|
-
const containerRef = ref(null);
|
|
23
|
-
let riveInstance = null;
|
|
24
|
-
let hasStarted = ref(false);
|
|
25
|
-
let observer = null;
|
|
26
|
-
const isMobile = ref(false);
|
|
27
|
-
const checkMobile = () => {
|
|
28
|
-
isMobile.value = window.innerWidth < props.breakpoint;
|
|
29
|
-
};
|
|
30
|
-
const getCurrentSrc = () => {
|
|
31
|
-
return isMobile.value && props.mobileSrc ? props.mobileSrc : props.desktopSrc;
|
|
32
|
-
};
|
|
33
|
-
const currentWidth = computed(() => {
|
|
34
|
-
return isMobile.value && props.mobileWidth ? props.mobileWidth : props.desktopWidth;
|
|
35
|
-
});
|
|
36
|
-
const currentHeight = computed(() => {
|
|
37
|
-
return isMobile.value && props.mobileHeight ? props.mobileHeight : props.desktopHeight;
|
|
38
|
-
});
|
|
39
|
-
const loadAnimation = () => {
|
|
40
|
-
if (!canvasRef.value || riveInstance) return;
|
|
41
|
-
const src = getCurrentSrc();
|
|
42
|
-
riveInstance = new rive.Rive({
|
|
43
|
-
src,
|
|
44
|
-
canvas: canvasRef.value,
|
|
45
|
-
autoplay: false,
|
|
46
|
-
stateMachines: props.stateMachines,
|
|
47
|
-
onLoad: () => {
|
|
48
|
-
riveInstance?.resizeDrawingSurfaceToCanvas();
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
const playAnimation = () => {
|
|
53
|
-
if (riveInstance) {
|
|
54
|
-
riveInstance.play();
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
const cleanupAnimation = () => {
|
|
58
|
-
if (riveInstance) {
|
|
59
|
-
riveInstance.cleanup();
|
|
60
|
-
riveInstance = null;
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
const handleResize = () => {
|
|
64
|
-
const wasMobile = isMobile.value;
|
|
65
|
-
checkMobile();
|
|
66
|
-
if (wasMobile !== isMobile.value) {
|
|
67
|
-
const wasPlaying = hasStarted.value;
|
|
68
|
-
cleanupAnimation();
|
|
69
|
-
loadAnimation();
|
|
70
|
-
if (wasPlaying) {
|
|
71
|
-
playAnimation();
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
|
-
onMounted(() => {
|
|
76
|
-
checkMobile();
|
|
77
|
-
loadAnimation();
|
|
78
|
-
observer = new IntersectionObserver((entries) => {
|
|
79
|
-
entries.forEach((entry) => {
|
|
80
|
-
if (entry.isIntersecting && !hasStarted.value) {
|
|
81
|
-
hasStarted.value = true;
|
|
82
|
-
playAnimation();
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
}, { threshold: .1 });
|
|
86
|
-
if (containerRef.value) {
|
|
87
|
-
observer.observe(containerRef.value);
|
|
88
|
-
}
|
|
89
|
-
window.addEventListener("resize", handleResize);
|
|
90
|
-
});
|
|
91
|
-
onUnmounted(() => {
|
|
92
|
-
cleanupAnimation();
|
|
93
|
-
if (observer && containerRef.value) {
|
|
94
|
-
observer.unobserve(containerRef.value);
|
|
95
|
-
observer.disconnect();
|
|
96
|
-
}
|
|
97
|
-
window.removeEventListener("resize", handleResize);
|
|
98
|
-
});
|
|
99
|
-
return (_ctx, _cache) => {
|
|
100
|
-
return openBlock(), createElementBlock("div", {
|
|
101
|
-
ref_key: "containerRef",
|
|
102
|
-
ref: containerRef,
|
|
103
|
-
class: "pointer-events-none touch-none select-none"
|
|
104
|
-
}, [createElementVNode("canvas", {
|
|
105
|
-
ref_key: "canvasRef",
|
|
106
|
-
ref: canvasRef,
|
|
107
|
-
width: currentWidth.value,
|
|
108
|
-
height: currentHeight.value,
|
|
109
|
-
class: normalizeClass(__props.canvasClass)
|
|
110
|
-
}, null, 10, _hoisted_1)], 512);
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
var RiveAnimation_default = _sfc_main;
|
|
115
|
-
|
|
116
|
-
//#endregion
|
|
117
|
-
export { RiveAnimation_default as default };
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
import TerminalAnimation1_default from "./terminal-animations/TerminalAnimation1.js";
|
|
2
|
-
import TerminalAnimation2_default from "./terminal-animations/TerminalAnimation2.js";
|
|
3
|
-
import TerminalAnimation3_default from "./terminal-animations/TerminalAnimation3.js";
|
|
4
|
-
import TerminalAnimation4_default from "./terminal-animations/TerminalAnimation4.js";
|
|
5
|
-
import TerminalAnimation5_default from "./terminal-animations/TerminalAnimation5.js";
|
|
6
|
-
import TerminalAnimation6_default from "./terminal-animations/TerminalAnimation6.js";
|
|
7
|
-
import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, unref, withCtx } from "vue";
|
|
8
|
-
import { TabsContent, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
|
|
9
|
-
|
|
10
|
-
//#region src/vitepress/components/Terminal.vue
|
|
11
|
-
const AUTO_ADVANCE_DELAY = 1500;
|
|
12
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
13
|
-
__name: "Terminal",
|
|
14
|
-
setup(__props) {
|
|
15
|
-
const activeTab = ref("tab1");
|
|
16
|
-
const autoPlayEnabled = ref(true);
|
|
17
|
-
let autoAdvanceTimeout = null;
|
|
18
|
-
const sectionRef = ref(null);
|
|
19
|
-
const isVisible = ref(false);
|
|
20
|
-
let observer = null;
|
|
21
|
-
const tabSequence = [
|
|
22
|
-
"tab1",
|
|
23
|
-
"tab2",
|
|
24
|
-
"tab3",
|
|
25
|
-
"tab4",
|
|
26
|
-
"tab5",
|
|
27
|
-
"tab6"
|
|
28
|
-
];
|
|
29
|
-
const goToNextTab = () => {
|
|
30
|
-
const currentIndex = tabSequence.indexOf(activeTab.value);
|
|
31
|
-
const nextIndex = (currentIndex + 1) % tabSequence.length;
|
|
32
|
-
activeTab.value = tabSequence[nextIndex];
|
|
33
|
-
};
|
|
34
|
-
const onAnimationComplete = () => {
|
|
35
|
-
if (!autoPlayEnabled.value) return;
|
|
36
|
-
if (autoAdvanceTimeout) {
|
|
37
|
-
clearTimeout(autoAdvanceTimeout);
|
|
38
|
-
}
|
|
39
|
-
autoAdvanceTimeout = setTimeout(() => {
|
|
40
|
-
goToNextTab();
|
|
41
|
-
}, AUTO_ADVANCE_DELAY);
|
|
42
|
-
};
|
|
43
|
-
const onTabChange = () => {
|
|
44
|
-
autoPlayEnabled.value = false;
|
|
45
|
-
if (autoAdvanceTimeout) {
|
|
46
|
-
clearTimeout(autoAdvanceTimeout);
|
|
47
|
-
autoAdvanceTimeout = null;
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
onMounted(() => {
|
|
51
|
-
if (!sectionRef.value) return;
|
|
52
|
-
observer = new IntersectionObserver((entries) => {
|
|
53
|
-
entries.forEach((entry) => {
|
|
54
|
-
if (entry.isIntersecting && !isVisible.value) {
|
|
55
|
-
isVisible.value = true;
|
|
56
|
-
observer?.disconnect();
|
|
57
|
-
}
|
|
58
|
-
});
|
|
59
|
-
}, {
|
|
60
|
-
threshold: .2,
|
|
61
|
-
rootMargin: "0px"
|
|
62
|
-
});
|
|
63
|
-
observer.observe(sectionRef.value);
|
|
64
|
-
});
|
|
65
|
-
onUnmounted(() => {
|
|
66
|
-
if (autoAdvanceTimeout) {
|
|
67
|
-
clearTimeout(autoAdvanceTimeout);
|
|
68
|
-
}
|
|
69
|
-
if (observer) {
|
|
70
|
-
observer.disconnect();
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
return (_ctx, _cache) => {
|
|
74
|
-
return openBlock(), createElementBlock("section", {
|
|
75
|
-
ref_key: "sectionRef",
|
|
76
|
-
ref: sectionRef,
|
|
77
|
-
class: "wrapper border-t h-[40rem] bg-wine bg-[url(/terminal-background.jpg)] bg-cover bg-top flex justify-center pt-28 overflow-clip"
|
|
78
|
-
}, [createElementVNode("div", {
|
|
79
|
-
class: normalizeClass([
|
|
80
|
-
"self-stretch px-4 sm:px-8 py-5 sm:py-7 relative bg-primary rounded-tl-lg rounded-tr-lg inline-flex flex-col justify-start items-start gap-2 overflow-hidden w-[62rem] outline-1 outline-offset-[3px] outline-white/30",
|
|
81
|
-
"transition-transform duration-1000",
|
|
82
|
-
isVisible.value ? "translate-y-0" : "translate-y-24"
|
|
83
|
-
]),
|
|
84
|
-
style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
85
|
-
}, [isVisible.value ? (openBlock(), createBlock(unref(TabsRoot), {
|
|
86
|
-
key: 0,
|
|
87
|
-
modelValue: activeTab.value,
|
|
88
|
-
"onUpdate:modelValue": [_cache[0] || (_cache[0] = ($event) => activeTab.value = $event), onTabChange]
|
|
89
|
-
}, {
|
|
90
|
-
default: withCtx(() => [
|
|
91
|
-
createVNode(unref(TabsList), {
|
|
92
|
-
"aria-label": "features",
|
|
93
|
-
class: normalizeClass([
|
|
94
|
-
"absolute bottom-6 left-1/2 -translate-x-1/2 flex items-center p-1 rounded-md border border-white/10",
|
|
95
|
-
"transition-transform duration-700 delay-300",
|
|
96
|
-
isVisible.value ? "translate-y-0" : "translate-y-12"
|
|
97
|
-
]),
|
|
98
|
-
style: { "transition-timing-function": "cubic-bezier(0.16, 1, 0.3, 1)" }
|
|
99
|
-
}, {
|
|
100
|
-
default: withCtx(() => [
|
|
101
|
-
createVNode(unref(TabsTrigger), { value: "tab1" }, {
|
|
102
|
-
default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" new ", -1)])]),
|
|
103
|
-
_: 1
|
|
104
|
-
}),
|
|
105
|
-
createVNode(unref(TabsTrigger), { value: "tab2" }, {
|
|
106
|
-
default: withCtx(() => [..._cache[2] || (_cache[2] = [createTextVNode(" dev ", -1)])]),
|
|
107
|
-
_: 1
|
|
108
|
-
}),
|
|
109
|
-
createVNode(unref(TabsTrigger), { value: "tab3" }, {
|
|
110
|
-
default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" lint ", -1)])]),
|
|
111
|
-
_: 1
|
|
112
|
-
}),
|
|
113
|
-
createVNode(unref(TabsTrigger), { value: "tab4" }, {
|
|
114
|
-
default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" fmt ", -1)])]),
|
|
115
|
-
_: 1
|
|
116
|
-
}),
|
|
117
|
-
createVNode(unref(TabsTrigger), { value: "tab5" }, {
|
|
118
|
-
default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" test ", -1)])]),
|
|
119
|
-
_: 1
|
|
120
|
-
}),
|
|
121
|
-
createVNode(unref(TabsTrigger), { value: "tab6" }, {
|
|
122
|
-
default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" build ", -1)])]),
|
|
123
|
-
_: 1
|
|
124
|
-
})
|
|
125
|
-
]),
|
|
126
|
-
_: 1
|
|
127
|
-
}, 8, ["class"]),
|
|
128
|
-
createVNode(unref(TabsContent), { value: "tab1" }, {
|
|
129
|
-
default: withCtx(() => [createVNode(TerminalAnimation1_default, { "on-animation-complete": onAnimationComplete })]),
|
|
130
|
-
_: 1
|
|
131
|
-
}),
|
|
132
|
-
createVNode(unref(TabsContent), { value: "tab2" }, {
|
|
133
|
-
default: withCtx(() => [createVNode(TerminalAnimation2_default, { "on-animation-complete": onAnimationComplete })]),
|
|
134
|
-
_: 1
|
|
135
|
-
}),
|
|
136
|
-
createVNode(unref(TabsContent), { value: "tab3" }, {
|
|
137
|
-
default: withCtx(() => [createVNode(TerminalAnimation3_default, { "on-animation-complete": onAnimationComplete })]),
|
|
138
|
-
_: 1
|
|
139
|
-
}),
|
|
140
|
-
createVNode(unref(TabsContent), { value: "tab4" }, {
|
|
141
|
-
default: withCtx(() => [createVNode(TerminalAnimation4_default, { "on-animation-complete": onAnimationComplete })]),
|
|
142
|
-
_: 1
|
|
143
|
-
}),
|
|
144
|
-
createVNode(unref(TabsContent), { value: "tab5" }, {
|
|
145
|
-
default: withCtx(() => [createVNode(TerminalAnimation5_default, { "on-animation-complete": onAnimationComplete })]),
|
|
146
|
-
_: 1
|
|
147
|
-
}),
|
|
148
|
-
createVNode(unref(TabsContent), { value: "tab6" }, {
|
|
149
|
-
default: withCtx(() => [createVNode(TerminalAnimation6_default, { "on-animation-complete": onAnimationComplete })]),
|
|
150
|
-
_: 1
|
|
151
|
-
})
|
|
152
|
-
]),
|
|
153
|
-
_: 1
|
|
154
|
-
}, 8, ["modelValue"])) : createCommentVNode("v-if", true)], 2)], 512);
|
|
155
|
-
};
|
|
156
|
-
}
|
|
157
|
-
});
|
|
158
|
-
var Terminal_default = _sfc_main;
|
|
159
|
-
|
|
160
|
-
//#endregion
|
|
161
|
-
export { Terminal_default as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
|
|
2
|
-
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/icons/VZIconBluesky.vue
|
|
5
|
-
const _sfc_main = {};
|
|
6
|
-
const _hoisted_1 = {
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
"aria-hidden": "true",
|
|
9
|
-
focusable: "false",
|
|
10
|
-
viewBox: "0 0 24 24"
|
|
11
|
-
};
|
|
12
|
-
function _sfc_render(_ctx, _cache) {
|
|
13
|
-
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037c-.856 3.061-3.978 3.842-6.755 3.37c4.854.826 6.089 3.562 3.422 6.299c-5.065 5.196-7.28-1.304-7.847-2.97c-.104-.305-.152-.448-.153-.327c0-.121-.05.022-.153.327c-.568 1.666-2.782 8.166-7.847 2.97c-2.667-2.737-1.432-5.473 3.422-6.3c-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026"
|
|
16
|
-
}, null, -1)])]);
|
|
17
|
-
}
|
|
18
|
-
var VZIconBluesky_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
|
|
19
|
-
|
|
20
|
-
//#endregion
|
|
21
|
-
export { VZIconBluesky_default as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
|
|
2
|
-
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/icons/VZIconGitHub.vue
|
|
5
|
-
const _sfc_main = {};
|
|
6
|
-
const _hoisted_1 = {
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
"aria-hidden": "true",
|
|
9
|
-
focusable: "false",
|
|
10
|
-
viewBox: "0 0 24 24"
|
|
11
|
-
};
|
|
12
|
-
function _sfc_render(_ctx, _cache) {
|
|
13
|
-
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2"
|
|
16
|
-
}, null, -1)])]);
|
|
17
|
-
}
|
|
18
|
-
var VZIconGitHub_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
|
|
19
|
-
|
|
20
|
-
//#endregion
|
|
21
|
-
export { VZIconGitHub_default as default };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
|
|
2
|
-
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/icons/VZIconLogo.vue
|
|
5
|
-
const _sfc_main = {};
|
|
6
|
-
const _hoisted_1 = {
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
"aria-hidden": "true",
|
|
9
|
-
focusable: "false",
|
|
10
|
-
viewBox: "0 0 200 40",
|
|
11
|
-
fill: "white"
|
|
12
|
-
};
|
|
13
|
-
function _sfc_render(_ctx, _cache) {
|
|
14
|
-
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("text", {
|
|
15
|
-
x: "10",
|
|
16
|
-
y: "30",
|
|
17
|
-
"font-family": "monospace",
|
|
18
|
-
"font-size": "24"
|
|
19
|
-
}, "LOGO", -1)])]);
|
|
20
|
-
}
|
|
21
|
-
var VZIconLogo_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
|
|
22
|
-
|
|
23
|
-
//#endregion
|
|
24
|
-
export { VZIconLogo_default as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import export_helper_default from "../../../_virtual/_/plugin-vue/export-helper.js";
|
|
2
|
-
import { createElementBlock, createElementVNode, openBlock } from "vue";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/icons/VZIconTwitter.vue
|
|
5
|
-
const _sfc_main = {};
|
|
6
|
-
const _hoisted_1 = {
|
|
7
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
-
"aria-hidden": "true",
|
|
9
|
-
focusable: "false",
|
|
10
|
-
viewBox: "0 0 24 24"
|
|
11
|
-
};
|
|
12
|
-
function _sfc_render(_ctx, _cache) {
|
|
13
|
-
return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M22.46 6c-.77.35-1.6.58-2.46.69c.88-.53 1.56-1.37 1.88-2.38c-.83.5-1.75.85-2.72 1.05C18.37 4.5 17.26 4 16 4c-2.35 0-4.27 1.92-4.27 4.29c0 .34.04.67.11.98C8.28 9.09 5.11 7.38 3 4.79c-.37.63-.58 1.37-.58 2.15c0 1.49.75 2.81 1.91 3.56c-.71 0-1.37-.2-1.95-.5v.03c0 2.08 1.48 3.82 3.44 4.21a4.2 4.2 0 0 1-1.93.07a4.28 4.28 0 0 0 4 2.98a8.52 8.52 0 0 1-5.33 1.84q-.51 0-1.02-.06C3.44 20.29 5.7 21 8.12 21C16 21 20.33 14.46 20.33 8.79c0-.19 0-.37-.01-.56c.84-.6 1.56-1.36 2.14-2.23"
|
|
16
|
-
}, null, -1)])]);
|
|
17
|
-
}
|
|
18
|
-
var VZIconTwitter_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
|
|
19
|
-
|
|
20
|
-
//#endregion
|
|
21
|
-
export { VZIconTwitter_default as default };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
|
|
2
|
-
import Typewriter from "typewriter-effect/dist/core";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/terminal-animations/TerminalAnimation1.vue
|
|
5
|
-
const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "TerminalAnimation1",
|
|
8
|
-
props: { onAnimationComplete: { type: Function } },
|
|
9
|
-
setup(__props) {
|
|
10
|
-
const props = __props;
|
|
11
|
-
let typewriter;
|
|
12
|
-
onMounted(() => {
|
|
13
|
-
const target = document.getElementById("terminal-code");
|
|
14
|
-
typewriter = new Typewriter(target, {
|
|
15
|
-
loop: false,
|
|
16
|
-
delay: 1
|
|
17
|
-
});
|
|
18
|
-
typewriter.typeString(`<span>$ vite new vite-plus-demo --template react-ts</span>`).pauseFor(500).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<span class="text-aqua">◇ Scaffolding project in ~/vite-plus-demo</span>`).pauseFor(500).pasteString(`<span class="text-grey block">|</span>`).pasteString(`<span class="text-zest block">└ Done.</span>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(500).pasteString(`<span class="block"><span class="text-zest">✓</span> Installing dependencies using default package manager: <span class="text-vite">pnpm@v10.16.1</span></span>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block"><span class="text-grey">Progress:</span> resolved 1, reused 0, downloaded 0, added 0</div>`).pasteString(`<div class="block"><span class="text-grey">Packages:</span> <span class="text-vite">+31</span></div>`).typeString(`<span class="text-grey block">++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++</span>`).pasteString(`<div class="block"><span class="text-grey">Progress:</span> resolved 31, reused 31, downloaded 0, added 31, <span class="text-zest">done</span></div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
|
|
19
|
-
if (props.onAnimationComplete) {
|
|
20
|
-
props.onAnimationComplete();
|
|
21
|
-
}
|
|
22
|
-
}).start();
|
|
23
|
-
});
|
|
24
|
-
onUnmounted(() => {
|
|
25
|
-
if (typewriter) {
|
|
26
|
-
typewriter.stop();
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
return (_ctx, _cache) => {
|
|
30
|
-
return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
var TerminalAnimation1_default = _sfc_main;
|
|
35
|
-
|
|
36
|
-
//#endregion
|
|
37
|
-
export { TerminalAnimation1_default as default };
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
|
|
2
|
-
import Typewriter from "typewriter-effect/dist/core";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/terminal-animations/TerminalAnimation2.vue
|
|
5
|
-
const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "TerminalAnimation2",
|
|
8
|
-
props: { onAnimationComplete: { type: Function } },
|
|
9
|
-
setup(__props) {
|
|
10
|
-
const props = __props;
|
|
11
|
-
let typewriter;
|
|
12
|
-
onMounted(() => {
|
|
13
|
-
const now = /* @__PURE__ */ new Date();
|
|
14
|
-
let hours = now.getHours();
|
|
15
|
-
const minutes = now.getMinutes().toString().padStart(2, "0");
|
|
16
|
-
const seconds = now.getSeconds().toString().padStart(2, "0");
|
|
17
|
-
const ampm = hours >= 12 ? "pm" : "am";
|
|
18
|
-
hours = hours % 12 || 12;
|
|
19
|
-
const currentTime = `${hours}:${minutes}:${seconds} ${ampm}`;
|
|
20
|
-
const target = document.getElementById("terminal-code");
|
|
21
|
-
typewriter = new Typewriter(target, {
|
|
22
|
-
loop: false,
|
|
23
|
-
delay: 1
|
|
24
|
-
});
|
|
25
|
-
typewriter.typeString(`<span>$ vite dev</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> ready in <span class="text-white font-medium">65</span> ms</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(500).pasteString(`<div class="block"><span class="text-vite"> → Local: </span><span class="text-aqua">http://localhost:5173/</span></div>`).pasteString(`<div class="block text-grey">→ Network: use <span class="text-white font-medium">--host</span> to expose</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).pauseFor(1500).pasteString(`<div class="block text-grey">${currentTime} <span class="text-aqua">[vite]</span> (client) <span class="text-vite">hmr update</span> /src/App.tsx</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
|
|
26
|
-
if (props.onAnimationComplete) {
|
|
27
|
-
props.onAnimationComplete();
|
|
28
|
-
}
|
|
29
|
-
}).start();
|
|
30
|
-
});
|
|
31
|
-
onUnmounted(() => {
|
|
32
|
-
if (typewriter) {
|
|
33
|
-
typewriter.stop();
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
return (_ctx, _cache) => {
|
|
37
|
-
return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
|
|
38
|
-
};
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
var TerminalAnimation2_default = _sfc_main;
|
|
42
|
-
|
|
43
|
-
//#endregion
|
|
44
|
-
export { TerminalAnimation2_default as default };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock } from "vue";
|
|
2
|
-
import Typewriter from "typewriter-effect/dist/core";
|
|
3
|
-
|
|
4
|
-
//#region src/vitepress/components/terminal-animations/TerminalAnimation3.vue
|
|
5
|
-
const _hoisted_1 = { class: "font-mono text-sm text-white leading-[1.5rem]" };
|
|
6
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "TerminalAnimation3",
|
|
8
|
-
props: { onAnimationComplete: { type: Function } },
|
|
9
|
-
setup(__props) {
|
|
10
|
-
const props = __props;
|
|
11
|
-
let typewriter;
|
|
12
|
-
onMounted(() => {
|
|
13
|
-
const target = document.getElementById("terminal-code");
|
|
14
|
-
typewriter = new Typewriter(target, {
|
|
15
|
-
loop: false,
|
|
16
|
-
delay: 1
|
|
17
|
-
});
|
|
18
|
-
typewriter.typeString(`<span>$ vite lint</span>`).pauseFor(200).pasteString(`<span class="block w-full h-[1rem]"></span>`).pasteString(`<div class="block text-grey"><span class="text-vite">VITE+ v1.0.0</span> <span class="text-aqua">lint</span></div>`).pauseFor(500).pasteString(`<div class="block text-grey">Found <span class="text-white">0 warnings</span> and <span class="text-white">0 errors</span>.</div>`).pasteString(`<div class="block text-grey"><span class="text-zest">✓</span> Finished in <span class="text-white">1ms</span> on <span class="text-white">3 files</span> with <span class="text-white">88 rules</span> using <span class="text-white">10 threads</span>.</div>`).pasteString(`<span class="block w-full h-[1rem]"></span>`).callFunction(() => {
|
|
19
|
-
if (props.onAnimationComplete) {
|
|
20
|
-
props.onAnimationComplete();
|
|
21
|
-
}
|
|
22
|
-
}).start();
|
|
23
|
-
});
|
|
24
|
-
onUnmounted(() => {
|
|
25
|
-
if (typewriter) {
|
|
26
|
-
typewriter.stop();
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
return (_ctx, _cache) => {
|
|
30
|
-
return openBlock(), createElementBlock("p", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("span", { id: "terminal-code" }, null, -1)])]);
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
var TerminalAnimation3_default = _sfc_main;
|
|
35
|
-
|
|
36
|
-
//#endregion
|
|
37
|
-
export { TerminalAnimation3_default as default };
|