Skip to content

Commit e7ebb71

Browse files
iabiiiabii
authored
Adding bun to installation instructions (#205)
1 parent 269d98c commit e7ebb71

File tree

3 files changed

+107
-0
lines changed

3 files changed

+107
-0
lines changed

‎docs/src/components/CodeExample.vue‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import IconJavaScript from "./IconJavaScript.vue"
1212
import IconSvelte from "./IconSvelte.vue"
1313
import IconAngular from "./IconAngular.vue"
1414
import IconNuxt from "./IconNuxt.vue"
15+
import IconBun from "./IconBun.vue"
1516
import { computed, ref } from "vue"
1617
import { vAutoAnimate } from "../../../src"
1718
import "../../assets/prism.css"
@@ -30,6 +31,7 @@ type LanguageOption =
3031
| "npm"
3132
| "pnpm"
3233
| "nuxt"
34+
| "bun"
3335
3436
type Language = {
3537
ext: "jsx" | "vue" | "html"
@@ -194,6 +196,13 @@ function copyCode(value: string) {
194196
>
195197
<IconPNPM />pnpm
196198
</li>
199+
<li
200+
v-if="'bun' in props.examples"
201+
@click="current = 'bun'"
202+
:data-selected="current === 'bun' || null"
203+
>
204+
<IconBun />bun
205+
</li>
197206
<li
198207
v-if="'nuxt' in props.examples"
199208
@click="current = 'nuxt'"

‎docs/src/components/IconBun.vue‎

Lines changed: 93 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<template>
2+
<svg id="Bun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 70">
3+
<title>Bun Logo</title>
4+
<path
5+
id="Shadow"
6+
d="M71.09,20.74c-.16-.17-.33-.34-.5-.5s-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5-.33-.34-.5-.5A26.46,26.46,0,0,1,75.5,35.7c0,16.57-16.82,30.05-37.5,30.05-11.58,0-21.94-4.23-28.83-10.86l.5.5.5.5.5.5.5.5.5.5.5.5.5.5C19.55,65.3,30.14,69.75,42,69.75c20.68,0,37.5-13.48,37.5-30C79.5,32.69,76.46,26,71.09,20.74Z"
7+
/>
8+
<g id="Body">
9+
<path
10+
id="Background"
11+
d="M73,35.7c0,15.21-15.67,27.54-35,27.54S3,50.91,3,35.7C3,26.27,9,17.94,18.22,13S33.18,3,38,3s8.94,4.13,19.78,10C67,17.94,73,26.27,73,35.7Z"
12+
style="fill: #fbf0df"
13+
/>
14+
<path
15+
id="Bottom_Shadow"
16+
data-name="Bottom Shadow"
17+
d="M73,35.7a21.67,21.67,0,0,0-.8-5.78c-2.73,33.3-43.35,34.9-59.32,24.94A40,40,0,0,0,38,63.24C57.3,63.24,73,50.89,73,35.7Z"
18+
style="fill: #f6dece"
19+
/>
20+
<path
21+
id="Light_Shine"
22+
data-name="Light Shine"
23+
d="M24.53,11.17C29,8.49,34.94,3.46,40.78,3.45A9.29,9.29,0,0,0,38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7c0,.4,0,.8,0,1.19C9.06,15.48,20.07,13.85,24.53,11.17Z"
24+
style="fill: #fffefc"
25+
/>
26+
<path
27+
id="Top"
28+
d="M35.12,5.53A16.41,16.41,0,0,1,29.49,18c-.28.25-.06.73.3.59,3.37-1.31,7.92-5.23,6-13.14C35.71,5,35.12,5.12,35.12,5.53Zm2.27,0A16.24,16.24,0,0,1,39,19c-.12.35.31.65.55.36C41.74,16.56,43.65,11,37.93,5,37.64,4.74,37.19,5.14,37.39,5.49Zm2.76-.17A16.42,16.42,0,0,1,47,17.12a.33.33,0,0,0,.65.11c.92-3.49.4-9.44-7.17-12.53C40.08,4.54,39.82,5.08,40.15,5.32ZM21.69,15.76a16.94,16.94,0,0,0,10.47-9c.18-.36.75-.22.66.18-1.73,8-7.52,9.67-11.12,9.45C21.32,16.4,21.33,15.87,21.69,15.76Z"
29+
style="fill: #ccbea7; fill-rule: evenodd"
30+
/>
31+
<path
32+
id="Outline"
33+
d="M38,65.75C17.32,65.75.5,52.27.5,35.7c0-10,6.18-19.33,16.53-24.92,3-1.6,5.57-3.21,7.86-4.62,1.26-.78,2.45-1.51,3.6-2.19C32,1.89,35,.5,38,.5s5.62,1.2,8.9,3.14c1,.57,2,1.19,3.07,1.87,2.49,1.54,5.3,3.28,9,5.27C69.32,16.37,75.5,25.69,75.5,35.7,75.5,52.27,58.68,65.75,38,65.75ZM38,3c-2.42,0-5,1.25-8.25,3.13-1.13.66-2.3,1.39-3.54,2.15-2.33,1.44-5,3.07-8,4.7C8.69,18.13,3,26.62,3,35.7,3,50.89,18.7,63.25,38,63.25S73,50.89,73,35.7C73,26.62,67.31,18.13,57.78,13,54,11,51.05,9.12,48.66,7.64c-1.09-.67-2.09-1.29-3-1.84C42.63,4,40.42,3,38,3Z"
34+
/>
35+
</g>
36+
<g id="Mouth">
37+
<g id="Background-2" data-name="Background">
38+
<path
39+
d="M45.05,43a8.93,8.93,0,0,1-2.92,4.71,6.81,6.81,0,0,1-4,1.88A6.84,6.84,0,0,1,34,47.71,8.93,8.93,0,0,1,31.12,43a.72.72,0,0,1,.8-.81H44.26A.72.72,0,0,1,45.05,43Z"
40+
style="fill: #b71422"
41+
/>
42+
</g>
43+
<g id="Tongue">
44+
<path
45+
id="Background-3"
46+
data-name="Background"
47+
d="M34,47.79a6.91,6.91,0,0,0,4.12,1.9,6.91,6.91,0,0,0,4.11-1.9,10.63,10.63,0,0,0,1-1.07,6.83,6.83,0,0,0-4.9-2.31,6.15,6.15,0,0,0-5,2.78C33.56,47.4,33.76,47.6,34,47.79Z"
48+
style="fill: #ff6164"
49+
/>
50+
<path
51+
id="Outline-2"
52+
data-name="Outline"
53+
d="M34.16,47a5.36,5.36,0,0,1,4.19-2.08,6,6,0,0,1,4,1.69c.23-.25.45-.51.66-.77a7,7,0,0,0-4.71-1.93,6.36,6.36,0,0,0-4.89,2.36A9.53,9.53,0,0,0,34.16,47Z"
54+
/>
55+
</g>
56+
<path
57+
id="Outline-3"
58+
data-name="Outline"
59+
d="M38.09,50.19a7.42,7.42,0,0,1-4.45-2,9.52,9.52,0,0,1-3.11-5.05,1.2,1.2,0,0,1,.26-1,1.41,1.41,0,0,1,1.13-.51H44.26a1.44,1.44,0,0,1,1.13.51,1.19,1.19,0,0,1,.25,1h0a9.52,9.52,0,0,1-3.11,5.05A7.42,7.42,0,0,1,38.09,50.19Zm-6.17-7.4c-.16,0-.2.07-.21.09a8.29,8.29,0,0,0,2.73,4.37A6.23,6.23,0,0,0,38.09,49a6.28,6.28,0,0,0,3.65-1.73,8.3,8.3,0,0,0,2.72-4.37.21.21,0,0,0-.2-.09Z"
60+
/>
61+
</g>
62+
<g id="Face">
63+
<ellipse
64+
id="Right_Blush"
65+
data-name="Right Blush"
66+
cx="53.22"
67+
cy="40.18"
68+
rx="5.85"
69+
ry="3.44"
70+
style="fill: #febbd0"
71+
/>
72+
<ellipse
73+
id="Left_Bluch"
74+
data-name="Left Bluch"
75+
cx="22.95"
76+
cy="40.18"
77+
rx="5.85"
78+
ry="3.44"
79+
style="fill: #febbd0"
80+
/>
81+
<path
82+
id="Eyes"
83+
d="M25.7,38.8a5.51,5.51,0,1,0-5.5-5.51A5.51,5.51,0,0,0,25.7,38.8Zm24.77,0A5.51,5.51,0,1,0,45,33.29,5.5,5.5,0,0,0,50.47,38.8Z"
84+
style="fill-rule: evenodd"
85+
/>
86+
<path
87+
id="Iris"
88+
d="M24,33.64a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,24,33.64Zm24.77,0a2.07,2.07,0,1,0-2.06-2.07A2.07,2.07,0,0,0,48.75,33.64Z"
89+
style="fill: #fff; fill-rule: evenodd"
90+
/>
91+
</g>
92+
</svg>
93+
</template>

‎docs/src/examples/installation/index.ts‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,9 @@ export default {
1414
language: "shell",
1515
title: "~/my-app",
1616
},
17+
bun:{
18+
example:"bun install @formkit/auto-animate",
19+
language:"shell",
20+
title:"~/my-app",
21+
},
1722
}

0 commit comments

Comments
 (0)