@voidzero-dev/vitepress-theme 0.1.35 → 0.1.38

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.
Files changed (94) hide show
  1. package/dist/index100.js +6 -6
  2. package/dist/index101.js +4 -32
  3. package/dist/index102.js +4 -57
  4. package/dist/index103.js +6 -8
  5. package/dist/index104.js +29 -10
  6. package/dist/index105.js +55 -56
  7. package/dist/index106.js +9 -6
  8. package/dist/index107.js +13 -38
  9. package/dist/index108.js +58 -21
  10. package/dist/index109.js +6 -25
  11. package/dist/index110.js +39 -10
  12. package/dist/index111.js +20 -56
  13. package/dist/index112.js +25 -36
  14. package/dist/index113.js +10 -119
  15. package/dist/index114.js +54 -89
  16. package/dist/index115.js +34 -6
  17. package/dist/index116.js +112 -432
  18. package/dist/index117.js +92 -33
  19. package/dist/index118.js +6 -1200
  20. package/dist/index119.js +438 -3
  21. package/dist/index120.js +5 -1735
  22. package/dist/index121.js +2 -5
  23. package/dist/index122.js +1735 -2
  24. package/dist/index27.js +1 -1
  25. package/dist/index3.js +3 -3
  26. package/dist/index30.js +8 -8
  27. package/dist/index34.js +12 -12
  28. package/dist/index36.js +7 -7
  29. package/dist/index38.js +7 -7
  30. package/dist/index4.js +10 -10
  31. package/dist/index40.js +84 -2
  32. package/dist/index41.js +50 -68
  33. package/dist/index42.js +34 -47
  34. package/dist/index43.js +55 -32
  35. package/dist/index44.js +23 -73
  36. package/dist/index45.js +18 -14
  37. package/dist/index46.js +16 -20
  38. package/dist/index47.js +16 -16
  39. package/dist/index48.js +13 -13
  40. package/dist/index49.js +14 -14
  41. package/dist/index50.js +2 -26
  42. package/dist/index51.js +24 -17
  43. package/dist/index52.js +20 -16
  44. package/dist/index53.js +122 -16
  45. package/dist/index54.js +2 -2
  46. package/dist/index55.js +2 -2
  47. package/dist/index56.js +2 -2
  48. package/dist/index57.js +2 -2
  49. package/dist/index58.js +2 -2
  50. package/dist/index59.js +2 -2
  51. package/dist/index6.js +1 -1
  52. package/dist/index60.js +2 -2
  53. package/dist/index61.js +1 -1
  54. package/dist/index62.js +2 -2
  55. package/dist/index63.js +2 -2
  56. package/dist/index64.js +2 -2
  57. package/dist/index65.js +1 -1
  58. package/dist/index66.js +2 -49
  59. package/dist/index67.js +19 -44
  60. package/dist/index68.js +18 -2587
  61. package/dist/index69.js +18 -51
  62. package/dist/index7.js +2 -2
  63. package/dist/index70.js +2 -7207
  64. package/dist/index71.js +2 -14
  65. package/dist/index72.js +2 -22
  66. package/dist/index73.js +34 -124
  67. package/dist/index74.js +2 -2
  68. package/dist/index75.js +2 -2
  69. package/dist/index76.js +2 -2
  70. package/dist/index77.js +2 -2
  71. package/dist/index78.js +2 -2
  72. package/dist/index79.js +2 -25
  73. package/dist/index8.js +3 -3
  74. package/dist/index80.js +2 -34
  75. package/dist/index81.js +2 -2
  76. package/dist/index82.js +49 -2
  77. package/dist/index83.js +44 -3
  78. package/dist/index84.js +2587 -2
  79. package/dist/index85.js +51 -2
  80. package/dist/index86.js +7207 -2
  81. package/dist/index87.js +14 -2
  82. package/dist/index88.js +5324 -2
  83. package/dist/index89.js +2 -2
  84. package/dist/index90.js +1 -1
  85. package/dist/index91.js +1 -1
  86. package/dist/index92.js +1 -1
  87. package/dist/index93.js +1 -1
  88. package/dist/index94.js +2 -5324
  89. package/dist/index95.js +2 -2
  90. package/dist/index96.js +32 -9
  91. package/dist/index97.js +1201 -6
  92. package/dist/index98.js +3 -4
  93. package/dist/index99.js +10 -4
  94. package/package.json +1 -1
package/dist/index41.js CHANGED
@@ -1,40 +1,19 @@
1
- import { createContext as f } from "./index96.js";
2
- import { useDirection as m } from "./index100.js";
3
- import { useForwardExpose as c } from "./index101.js";
4
- import { useId as v } from "./index103.js";
5
- import { Primitive as V } from "./index109.js";
6
- import { defineComponent as _, toRefs as b, ref as y, createBlock as h, openBlock as q, unref as o, withCtx as C, renderSlot as R } from "vue";
7
- import { useVModel as T } from "./index102.js";
8
- const [O, g] = f("TabsRoot");
9
- var M = /* @__PURE__ */ _({
10
- __name: "TabsRoot",
1
+ import { useForwardExpose as p } from "./index104.js";
2
+ import { Presence_default as c } from "./index110.js";
3
+ import { Primitive as v } from "./index112.js";
4
+ import { injectTabsRootContext as b } from "./index40.js";
5
+ import { makeTriggerId as _, makeContentId as y } from "./index118.js";
6
+ import { defineComponent as C, computed as n, ref as h, onMounted as g, createBlock as I, openBlock as k, unref as t, withCtx as u, createVNode as q, normalizeStyle as T, renderSlot as B, createCommentVNode as M } from "vue";
7
+ var S = /* @__PURE__ */ C({
8
+ __name: "TabsContent",
11
9
  props: {
12
- defaultValue: {
13
- type: null,
14
- required: !1
15
- },
16
- orientation: {
17
- type: String,
18
- required: !1,
19
- default: "horizontal"
20
- },
21
- dir: {
22
- type: String,
23
- required: !1
10
+ value: {
11
+ type: [String, Number],
12
+ required: !0
24
13
  },
25
- activationMode: {
26
- type: String,
27
- required: !1,
28
- default: "automatic"
29
- },
30
- modelValue: {
31
- type: null,
32
- required: !1
33
- },
34
- unmountOnHide: {
14
+ forceMount: {
35
15
  type: Boolean,
36
- required: !1,
37
- default: !0
16
+ required: !1
38
17
  },
39
18
  asChild: {
40
19
  type: Boolean,
@@ -45,42 +24,45 @@ var M = /* @__PURE__ */ _({
45
24
  required: !1
46
25
  }
47
26
  },
48
- emits: ["update:modelValue"],
49
- setup(l, { emit: d }) {
50
- const e = l, u = d, { orientation: r, unmountOnHide: s, dir: n } = b(e), i = m(n);
51
- c();
52
- const a = T(e, "modelValue", u, {
53
- defaultValue: e.defaultValue,
54
- passive: e.modelValue === void 0
55
- }), p = y();
56
- return g({
57
- modelValue: a,
58
- changeModelValue: (t) => {
59
- a.value = t;
60
- },
61
- orientation: r,
62
- dir: i,
63
- unmountOnHide: s,
64
- activationMode: e.activationMode,
65
- baseId: v(void 0, "reka-tabs"),
66
- tabsList: p
67
- }), (t, x) => (q(), h(o(V), {
68
- dir: o(i),
69
- "data-orientation": o(r),
70
- "as-child": t.asChild,
71
- as: t.as
27
+ setup(d) {
28
+ const o = d, { forwardRef: s } = p(), e = b(), m = n(() => _(e.baseId, o.value)), f = n(() => y(e.baseId, o.value)), r = n(() => o.value === e.modelValue.value), i = h(r.value);
29
+ return g(() => {
30
+ requestAnimationFrame(() => {
31
+ i.value = !1;
32
+ });
33
+ }), (a, w) => (k(), I(t(c), {
34
+ present: a.forceMount || r.value,
35
+ "force-mount": ""
72
36
  }, {
73
- default: C(() => [R(t.$slots, "default", { modelValue: o(a) })]),
37
+ default: u(({ present: l }) => [q(t(v), {
38
+ id: f.value,
39
+ ref: t(s),
40
+ "as-child": a.asChild,
41
+ as: a.as,
42
+ role: "tabpanel",
43
+ "data-state": r.value ? "active" : "inactive",
44
+ "data-orientation": t(e).orientation.value,
45
+ "aria-labelledby": m.value,
46
+ hidden: !l,
47
+ tabindex: "0",
48
+ style: T({ animationDuration: i.value ? "0s" : void 0 })
49
+ }, {
50
+ default: u(() => [!t(e).unmountOnHide.value || l ? B(a.$slots, "default", { key: 0 }) : M("v-if", !0)]),
51
+ _: 2
52
+ }, 1032, [
53
+ "id",
54
+ "as-child",
55
+ "as",
56
+ "data-state",
57
+ "data-orientation",
58
+ "aria-labelledby",
59
+ "hidden",
60
+ "style"
61
+ ])]),
74
62
  _: 3
75
- }, 8, [
76
- "dir",
77
- "data-orientation",
78
- "as-child",
79
- "as"
80
- ]));
63
+ }, 8, ["present"]));
81
64
  }
82
- }), j = M;
65
+ }), F = S;
83
66
  export {
84
- j as TabsRoot_default,
85
- O as injectTabsRootContext
67
+ F as TabsContent_default
86
68
  };
package/dist/index42.js CHANGED
@@ -1,19 +1,15 @@
1
- import { useForwardExpose as p } from "./index101.js";
2
- import { Presence_default as c } from "./index107.js";
3
- import { Primitive as v } from "./index109.js";
4
- import { injectTabsRootContext as b } from "./index41.js";
5
- import { makeTriggerId as _, makeContentId as y } from "./index115.js";
6
- import { defineComponent as C, computed as n, ref as h, onMounted as g, createBlock as I, openBlock as k, unref as t, withCtx as u, createVNode as q, normalizeStyle as T, renderSlot as B, createCommentVNode as M } from "vue";
7
- var S = /* @__PURE__ */ C({
8
- __name: "TabsContent",
1
+ import { useForwardExpose as u } from "./index104.js";
2
+ import { Primitive as p } from "./index112.js";
3
+ import { RovingFocusGroup_default as d } from "./index116.js";
4
+ import { injectTabsRootContext as f } from "./index40.js";
5
+ import { defineComponent as c, toRefs as m, createBlock as _, openBlock as v, unref as e, withCtx as r, createVNode as h, renderSlot as b } from "vue";
6
+ var C = /* @__PURE__ */ c({
7
+ __name: "TabsList",
9
8
  props: {
10
- value: {
11
- type: [String, Number],
12
- required: !0
13
- },
14
- forceMount: {
9
+ loop: {
15
10
  type: Boolean,
16
- required: !1
11
+ required: !1,
12
+ default: !0
17
13
  },
18
14
  asChild: {
19
15
  type: Boolean,
@@ -24,45 +20,36 @@ var S = /* @__PURE__ */ C({
24
20
  required: !1
25
21
  }
26
22
  },
27
- setup(d) {
28
- const o = d, { forwardRef: s } = p(), e = b(), m = n(() => _(e.baseId, o.value)), f = n(() => y(e.baseId, o.value)), r = n(() => o.value === e.modelValue.value), i = h(r.value);
29
- return g(() => {
30
- requestAnimationFrame(() => {
31
- i.value = !1;
32
- });
33
- }), (a, w) => (k(), I(t(c), {
34
- present: a.forceMount || r.value,
35
- "force-mount": ""
23
+ setup(a) {
24
+ const i = a, { loop: s } = m(i), { forwardRef: n, currentElement: l } = u(), t = f();
25
+ return t.tabsList = l, (o, y) => (v(), _(e(d), {
26
+ "as-child": "",
27
+ orientation: e(t).orientation.value,
28
+ dir: e(t).dir.value,
29
+ loop: e(s)
36
30
  }, {
37
- default: u(({ present: l }) => [q(t(v), {
38
- id: f.value,
39
- ref: t(s),
40
- "as-child": a.asChild,
41
- as: a.as,
42
- role: "tabpanel",
43
- "data-state": r.value ? "active" : "inactive",
44
- "data-orientation": t(e).orientation.value,
45
- "aria-labelledby": m.value,
46
- hidden: !l,
47
- tabindex: "0",
48
- style: T({ animationDuration: i.value ? "0s" : void 0 })
31
+ default: r(() => [h(e(p), {
32
+ ref: e(n),
33
+ role: "tablist",
34
+ "as-child": o.asChild,
35
+ as: o.as,
36
+ "aria-orientation": e(t).orientation.value
49
37
  }, {
50
- default: u(() => [!t(e).unmountOnHide.value || l ? B(a.$slots, "default", { key: 0 }) : M("v-if", !0)]),
51
- _: 2
52
- }, 1032, [
53
- "id",
38
+ default: r(() => [b(o.$slots, "default")]),
39
+ _: 3
40
+ }, 8, [
54
41
  "as-child",
55
42
  "as",
56
- "data-state",
57
- "data-orientation",
58
- "aria-labelledby",
59
- "hidden",
60
- "style"
43
+ "aria-orientation"
61
44
  ])]),
62
45
  _: 3
63
- }, 8, ["present"]));
46
+ }, 8, [
47
+ "orientation",
48
+ "dir",
49
+ "loop"
50
+ ]));
64
51
  }
65
- }), F = S;
52
+ }), w = C;
66
53
  export {
67
- F as TabsContent_default
54
+ w as TabsList_default
68
55
  };
package/dist/index43.js CHANGED
@@ -1,15 +1,20 @@
1
- import { useForwardExpose as u } from "./index101.js";
2
- import { Primitive as p } from "./index109.js";
3
- import { RovingFocusGroup_default as d } from "./index113.js";
4
- import { injectTabsRootContext as f } from "./index41.js";
5
- import { defineComponent as c, toRefs as m, createBlock as _, openBlock as v, unref as e, withCtx as r, createVNode as h, renderSlot as b } from "vue";
6
- var C = /* @__PURE__ */ c({
7
- __name: "TabsList",
1
+ import { useForwardExpose as p } from "./index104.js";
2
+ import { Primitive as b } from "./index112.js";
3
+ import { RovingFocusItem_default as m } from "./index117.js";
4
+ import { injectTabsRootContext as c } from "./index40.js";
5
+ import { makeTriggerId as g, makeContentId as y } from "./index118.js";
6
+ import { defineComponent as T, computed as d, createBlock as w, openBlock as C, unref as t, withCtx as s, createVNode as I, withKeys as h, withModifiers as M, renderSlot as V } from "vue";
7
+ var k = /* @__PURE__ */ T({
8
+ __name: "TabsTrigger",
8
9
  props: {
9
- loop: {
10
+ value: {
11
+ type: [String, Number],
12
+ required: !0
13
+ },
14
+ disabled: {
10
15
  type: Boolean,
11
16
  required: !1,
12
- default: !0
17
+ default: !1
13
18
  },
14
19
  asChild: {
15
20
  type: Boolean,
@@ -17,39 +22,57 @@ var C = /* @__PURE__ */ c({
17
22
  },
18
23
  as: {
19
24
  type: null,
20
- required: !1
25
+ required: !1,
26
+ default: "button"
21
27
  }
22
28
  },
23
- setup(a) {
24
- const i = a, { loop: s } = m(i), { forwardRef: n, currentElement: l } = u(), t = f();
25
- return t.tabsList = l, (o, y) => (v(), _(e(d), {
29
+ setup(u) {
30
+ const r = u, { forwardRef: n } = p(), a = c(), f = d(() => g(a.baseId, r.value)), v = d(() => y(a.baseId, r.value)), i = d(() => r.value === a.modelValue.value);
31
+ return (e, o) => (C(), w(t(m), {
26
32
  "as-child": "",
27
- orientation: e(t).orientation.value,
28
- dir: e(t).dir.value,
29
- loop: e(s)
33
+ focusable: !e.disabled,
34
+ active: i.value
30
35
  }, {
31
- default: r(() => [h(e(p), {
32
- ref: e(n),
33
- role: "tablist",
34
- "as-child": o.asChild,
35
- as: o.as,
36
- "aria-orientation": e(t).orientation.value
36
+ default: s(() => [I(t(b), {
37
+ id: f.value,
38
+ ref: t(n),
39
+ role: "tab",
40
+ type: e.as === "button" ? "button" : void 0,
41
+ as: e.as,
42
+ "as-child": e.asChild,
43
+ "aria-selected": i.value ? "true" : "false",
44
+ "aria-controls": v.value,
45
+ "data-state": i.value ? "active" : "inactive",
46
+ disabled: e.disabled,
47
+ "data-disabled": e.disabled ? "" : void 0,
48
+ "data-orientation": t(a).orientation.value,
49
+ onMousedown: o[0] || (o[0] = M((l) => {
50
+ !e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault();
51
+ }, ["left"])),
52
+ onKeydown: o[1] || (o[1] = h((l) => t(a).changeModelValue(e.value), ["enter", "space"])),
53
+ onFocus: o[2] || (o[2] = () => {
54
+ const l = t(a).activationMode !== "manual";
55
+ !i.value && !e.disabled && l && t(a).changeModelValue(e.value);
56
+ })
37
57
  }, {
38
- default: r(() => [b(o.$slots, "default")]),
58
+ default: s(() => [V(e.$slots, "default")]),
39
59
  _: 3
40
60
  }, 8, [
41
- "as-child",
61
+ "id",
62
+ "type",
42
63
  "as",
43
- "aria-orientation"
64
+ "as-child",
65
+ "aria-selected",
66
+ "aria-controls",
67
+ "data-state",
68
+ "disabled",
69
+ "data-disabled",
70
+ "data-orientation"
44
71
  ])]),
45
72
  _: 3
46
- }, 8, [
47
- "orientation",
48
- "dir",
49
- "loop"
50
- ]));
73
+ }, 8, ["focusable", "active"]));
51
74
  }
52
- }), w = C;
75
+ }), A = k;
53
76
  export {
54
- w as TabsList_default
77
+ A as TabsTrigger_default
55
78
  };
package/dist/index44.js CHANGED
@@ -1,78 +1,28 @@
1
- import { useForwardExpose as p } from "./index101.js";
2
- import { Primitive as b } from "./index109.js";
3
- import { RovingFocusItem_default as m } from "./index114.js";
4
- import { injectTabsRootContext as c } from "./index41.js";
5
- import { makeTriggerId as g, makeContentId as y } from "./index115.js";
6
- import { defineComponent as T, computed as d, createBlock as w, openBlock as C, unref as t, withCtx as s, createVNode as I, withKeys as h, withModifiers as M, renderSlot as V } from "vue";
7
- var k = /* @__PURE__ */ T({
8
- __name: "TabsTrigger",
1
+ import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as r, openBlock as i, createElementVNode as c } from "vue";
2
+ import d from "./index120.js";
3
+ const m = { class: "font-mono text-sm text-white leading-[1.5rem]" }, f = /* @__PURE__ */ p({
4
+ __name: "TerminalAnimation1",
9
5
  props: {
10
- value: {
11
- type: [String, Number],
12
- required: !0
13
- },
14
- disabled: {
15
- type: Boolean,
16
- required: !1,
17
- default: !1
18
- },
19
- asChild: {
20
- type: Boolean,
21
- required: !1
22
- },
23
- as: {
24
- type: null,
25
- required: !1,
26
- default: "button"
27
- }
6
+ onAnimationComplete: { type: Function }
28
7
  },
29
- setup(u) {
30
- const r = u, { forwardRef: n } = p(), a = c(), f = d(() => g(a.baseId, r.value)), v = d(() => y(a.baseId, r.value)), i = d(() => r.value === a.modelValue.value);
31
- return (e, o) => (C(), w(t(m), {
32
- "as-child": "",
33
- focusable: !e.disabled,
34
- active: i.value
35
- }, {
36
- default: s(() => [I(t(b), {
37
- id: f.value,
38
- ref: t(n),
39
- role: "tab",
40
- type: e.as === "button" ? "button" : void 0,
41
- as: e.as,
42
- "as-child": e.asChild,
43
- "aria-selected": i.value ? "true" : "false",
44
- "aria-controls": v.value,
45
- "data-state": i.value ? "active" : "inactive",
46
- disabled: e.disabled,
47
- "data-disabled": e.disabled ? "" : void 0,
48
- "data-orientation": t(a).orientation.value,
49
- onMousedown: o[0] || (o[0] = M((l) => {
50
- !e.disabled && l.ctrlKey === !1 ? t(a).changeModelValue(e.value) : l.preventDefault();
51
- }, ["left"])),
52
- onKeydown: o[1] || (o[1] = h((l) => t(a).changeModelValue(e.value), ["enter", "space"])),
53
- onFocus: o[2] || (o[2] = () => {
54
- const l = t(a).activationMode !== "manual";
55
- !i.value && !e.disabled && l && t(a).changeModelValue(e.value);
56
- })
57
- }, {
58
- default: s(() => [V(e.$slots, "default")]),
59
- _: 3
60
- }, 8, [
61
- "id",
62
- "type",
63
- "as",
64
- "as-child",
65
- "aria-selected",
66
- "aria-controls",
67
- "data-state",
68
- "disabled",
69
- "data-disabled",
70
- "data-orientation"
71
- ])]),
72
- _: 3
73
- }, 8, ["focusable", "active"]));
8
+ setup(a) {
9
+ const s = a;
10
+ let e;
11
+ return l(() => {
12
+ const t = document.getElementById("terminal-code");
13
+ e = new d(t, {
14
+ loop: !1,
15
+ delay: 1
16
+ }), e.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(() => {
17
+ s.onAnimationComplete && s.onAnimationComplete();
18
+ }).start();
19
+ }), o(() => {
20
+ e && e.stop();
21
+ }), (t, n) => (i(), r("p", m, [...n[0] || (n[0] = [
22
+ c("span", { id: "terminal-code" }, null, -1)
23
+ ])]));
74
24
  }
75
- }), A = k;
25
+ });
76
26
  export {
77
- A as TabsTrigger_default
27
+ f as default
78
28
  };
package/dist/index45.js CHANGED
@@ -1,28 +1,32 @@
1
- import { defineComponent as p, onMounted as l, onUnmounted as o, createElementBlock as r, openBlock as i, createElementVNode as c } from "vue";
2
- import d from "./index121.js";
3
- const m = { class: "font-mono text-sm text-white leading-[1.5rem]" }, f = /* @__PURE__ */ p({
4
- __name: "TerminalAnimation1",
1
+ import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
2
+ import f from "./index120.js";
3
+ const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
4
+ __name: "TerminalAnimation2",
5
5
  props: {
6
6
  onAnimationComplete: { type: Function }
7
7
  },
8
8
  setup(a) {
9
- const s = a;
9
+ const n = a;
10
10
  let e;
11
- return l(() => {
12
- const t = document.getElementById("terminal-code");
13
- e = new d(t, {
11
+ return m(() => {
12
+ const s = /* @__PURE__ */ new Date();
13
+ let t = s.getHours();
14
+ const o = s.getMinutes().toString().padStart(2, "0"), p = s.getSeconds().toString().padStart(2, "0"), i = t >= 12 ? "pm" : "am";
15
+ t = t % 12 || 12;
16
+ const l = `${t}:${o}:${p} ${i}`, r = document.getElementById("terminal-code");
17
+ e = new f(r, {
14
18
  loop: !1,
15
19
  delay: 1
16
- }), e.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(() => {
17
- s.onAnimationComplete && s.onAnimationComplete();
20
+ }), e.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">${l} <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(() => {
21
+ n.onAnimationComplete && n.onAnimationComplete();
18
22
  }).start();
19
- }), o(() => {
23
+ }), d(() => {
20
24
  e && e.stop();
21
- }), (t, n) => (i(), r("p", m, [...n[0] || (n[0] = [
22
- c("span", { id: "terminal-code" }, null, -1)
25
+ }), (s, t) => (g(), u("p", v, [...t[0] || (t[0] = [
26
+ x("span", { id: "terminal-code" }, null, -1)
23
27
  ])]));
24
28
  }
25
29
  });
26
30
  export {
27
- f as default
31
+ h as default
28
32
  };
package/dist/index46.js CHANGED
@@ -1,32 +1,28 @@
1
- import { defineComponent as c, onMounted as m, onUnmounted as d, createElementBlock as u, openBlock as g, createElementVNode as x } from "vue";
2
- import f from "./index121.js";
3
- const v = { class: "font-mono text-sm text-white leading-[1.5rem]" }, h = /* @__PURE__ */ c({
4
- __name: "TerminalAnimation2",
1
+ import { defineComponent as i, onMounted as o, onUnmounted as p, createElementBlock as l, openBlock as r, createElementVNode as c } from "vue";
2
+ import m from "./index120.js";
3
+ const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ i({
4
+ __name: "TerminalAnimation3",
5
5
  props: {
6
6
  onAnimationComplete: { type: Function }
7
7
  },
8
8
  setup(a) {
9
- const n = a;
10
- let e;
11
- return m(() => {
12
- const s = /* @__PURE__ */ new Date();
13
- let t = s.getHours();
14
- const o = s.getMinutes().toString().padStart(2, "0"), p = s.getSeconds().toString().padStart(2, "0"), i = t >= 12 ? "pm" : "am";
15
- t = t % 12 || 12;
16
- const l = `${t}:${o}:${p} ${i}`, r = document.getElementById("terminal-code");
17
- e = new f(r, {
9
+ const e = a;
10
+ let t;
11
+ return o(() => {
12
+ const n = document.getElementById("terminal-code");
13
+ t = new m(n, {
18
14
  loop: !1,
19
15
  delay: 1
20
- }), e.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">${l} <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(() => {
21
- n.onAnimationComplete && n.onAnimationComplete();
16
+ }), t.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(() => {
17
+ e.onAnimationComplete && e.onAnimationComplete();
22
18
  }).start();
23
- }), d(() => {
24
- e && e.stop();
25
- }), (s, t) => (g(), u("p", v, [...t[0] || (t[0] = [
26
- x("span", { id: "terminal-code" }, null, -1)
19
+ }), p(() => {
20
+ t && t.stop();
21
+ }), (n, s) => (r(), l("p", d, [...s[0] || (s[0] = [
22
+ c("span", { id: "terminal-code" }, null, -1)
27
23
  ])]));
28
24
  }
29
25
  });
30
26
  export {
31
- h as default
27
+ g as default
32
28
  };
package/dist/index47.js CHANGED
@@ -1,25 +1,25 @@
1
- import { defineComponent as i, onMounted as o, onUnmounted as p, createElementBlock as l, openBlock as r, createElementVNode as c } from "vue";
2
- import m from "./index121.js";
3
- const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ i({
4
- __name: "TerminalAnimation3",
1
+ import { defineComponent as p, onMounted as l, onUnmounted as c, createElementBlock as i, openBlock as o, createElementVNode as r } from "vue";
2
+ import m from "./index120.js";
3
+ const d = { class: "font-mono text-sm text-white leading-[1.5rem]" }, g = /* @__PURE__ */ p({
4
+ __name: "TerminalAnimation4",
5
5
  props: {
6
6
  onAnimationComplete: { type: Function }
7
7
  },
8
- setup(a) {
9
- const e = a;
10
- let t;
11
- return o(() => {
12
- const n = document.getElementById("terminal-code");
13
- t = new m(n, {
8
+ setup(e) {
9
+ const t = e;
10
+ let s;
11
+ return l(() => {
12
+ const a = document.getElementById("terminal-code");
13
+ s = new m(a, {
14
14
  loop: !1,
15
15
  delay: 1
16
- }), t.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(() => {
17
- e.onAnimationComplete && e.onAnimationComplete();
16
+ }), s.typeString("<span>$ vite fmt</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">fmt</span></div>').pauseFor(500).pasteString('<div class="block">src/App.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block">src/App.tsx <span class="text-aqua">1ms</span></div>').pasteString('<div class="block">src/index.css <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block">src/main.tsx <span class="text-aqua">1ms</span></div>').pasteString('<div class="block">src/vite-env.d.ts <span class="text-aqua">0ms</span> <span class="text-grey">(unchanged)</span></div>').pasteString('<div class="block"><span class="text-zest">✓</span> Formatted <span class="text-aqua">2 files</span> in <span class="text-aqua">2ms</span>.</div>').pasteString('<span class="block w-full h-[1rem]"></span>').callFunction(() => {
17
+ t.onAnimationComplete && t.onAnimationComplete();
18
18
  }).start();
19
- }), p(() => {
20
- t && t.stop();
21
- }), (n, s) => (r(), l("p", d, [...s[0] || (s[0] = [
22
- c("span", { id: "terminal-code" }, null, -1)
19
+ }), c(() => {
20
+ s && s.stop();
21
+ }), (a, n) => (o(), i("p", d, [...n[0] || (n[0] = [
22
+ r("span", { id: "terminal-code" }, null, -1)
23
23
  ])]));
24
24
  }
25
25
  });