Skip to content

Commit 221ebaf

Browse files
authored
Merge pull request #27 from vuepont/feature/workflow-elements
feat: workflow elements
2 parents 95ca989 + 375a60a commit 221ebaf

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

72 files changed

+2776
-403
lines changed

apps/www/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Docs
22

3-
This is the documentation for [AI Elements Vue](https://github.com/cwandev/ai-elements-vue).
3+
This is the documentation for [AI Elements Vue](https://github.com/vuepont/ai-elements-vue).
44

55
## Setup
66

apps/www/app.config.ts

Lines changed: 42 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -27,17 +27,17 @@ export default defineAppConfig({
2727
links: [{
2828
title: 'Getting Started',
2929
to: '/overview/introduction',
30-
description: 'Introduction to AI Elements Vue',
30+
description: 'What is AI Elements Vue and why you should use it',
3131
target: '_self',
3232
}, {
33-
title: 'Setup',
34-
to: '/overview/setup',
35-
description: 'Follow the step-by-step guide to install AI Elements Vue in your project',
33+
title: 'Examples',
34+
to: '/examples',
35+
description: 'Real-world examples showing how to build applications with AI Elements Vue',
3636
target: '_self',
3737
}, {
38-
title: 'Usage',
39-
to: '/overview/usage',
40-
description: 'Learn how to use AI Elements Vue in your project',
38+
title: 'Components',
39+
to: '/components/chatbot',
40+
description: 'Explore the components and usage examples of AI Elements Vue',
4141
target: '_self',
4242
}],
4343
}, {
@@ -57,44 +57,71 @@ export default defineAppConfig({
5757
title: 'Community',
5858
links: [{
5959
title: 'GitHub',
60-
to: 'https://github.com/cwandev/ai-elements-vue',
61-
description: 'Source code for AI Elements Vue',
60+
to: 'https://github.com/vuepont/ai-elements-vue',
61+
description: 'View the source code on GitHub',
62+
target: '_blank',
63+
}, {
64+
title: 'Discord',
65+
to: 'https://discord.gg/SWzhwGMxsZ',
66+
description: 'Join our Discord server to get help and connect with other developers',
6267
target: '_blank',
6368
}],
6469
}],
6570
links: [{
6671
icon: 'lucide:github',
67-
to: 'https://github.com/cwandev/ai-elements-vue',
72+
to: 'https://github.com/vuepont/ai-elements-vue',
6873
target: '_blank',
6974
}],
7075
},
7176
aside: {
72-
useLevel: false,
73-
collapse: false,
77+
useLevel: true,
78+
levelStyle: 'aside',
79+
collapse: true,
80+
collapseLevel: 1,
81+
folderStyle: 'default',
7482
},
7583
main: {
84+
padded: true,
7685
breadCrumb: true,
7786
showTitle: true,
87+
codeCopyToast: false,
88+
codeCopyIcon: 'lucide:clipboard',
89+
editLink: {
90+
enable: true,
91+
pattern: 'https://github.com/vuepont/ai-elements-vue/edit/main/apps/www/content/:path',
92+
text: 'Edit this page',
93+
icon: 'lucide:square-pen',
94+
placement: ['docsFooter'],
95+
},
96+
backToTop: true,
7897
},
7998
footer: {
8099
credits: 'Copyright © 2025',
81100
links: [{
82101
icon: 'lucide:github',
83-
to: 'https://github.com/cwandev/ai-elements-vue',
102+
to: 'https://github.com/vuepont/ai-elements-vue',
103+
target: '_blank',
104+
}, {
105+
icon: 'simple-icons:discord',
106+
to: 'https://discord.gg/SWzhwGMxsZ',
84107
target: '_blank',
85108
}],
86109
},
87110
toc: {
88111
enable: true,
112+
enableInMobile: true,
113+
enableInHomepage: false,
114+
progressBar: true,
115+
title: 'On this page',
89116
links: [{
90117
title: 'Star on GitHub',
91118
icon: 'lucide:star',
92-
to: 'https://github.com/cwandev/ai-elements-vue',
119+
to: 'https://github.com/vuepont/ai-elements-vue',
93120
target: '_blank',
94121
}, {
95122
title: 'Create Issues',
96123
icon: 'lucide:circle-dot',
97-
to: 'https://github.com/cwandev/ai-elements-vue/issues',
124+
to: 'https://github.com/vuepont/ai-elements-vue/issues',
98125
target: '_blank',
99126
}],
100127
},

apps/www/assets/css/tailwind.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,6 +68,8 @@
6868
--input: 214.3 31.8% 91.4%;
6969
--ring: 221.2 83.2% 53.3%;
7070
--radius: 0.5rem;
71+
72+
--shadcn-ring: oklch(0.708 0 0);
7173
}
7274

7375
.dark {
@@ -98,6 +100,8 @@
98100
--border: 217.2 32.6% 17.5%;
99101
--input: 217.2 32.6% 17.5%;
100102
--ring: 224.3 76.3% 48%;
103+
104+
--shadcn-ring: oklch(0.439 0 0);
101105
}
102106
}
103107

@@ -109,13 +113,17 @@
109113
body {
110114
@apply bg-background text-foreground;
111115
}
116+
112117
:root {
113118
--color-background: hsl(var(--background));
114119
--color-muted-foreground: hsl(var(--muted-foreground));
120+
--color-ring: var(--shadcn-ring);
115121
}
122+
116123
.dark {
117124
--color-background: hsl(var(--background));
118125
--color-muted-foreground: hsl(var(--muted-foreground));
126+
--color-ring: var(--shadcn-ring);
119127
}
120128
}
121129

apps/www/components/CodeViewerTab.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -94,7 +94,7 @@ function updateImportPaths(code: string) {
9494
:code="rawString"
9595
>
9696
<CodeCopy
97-
class="absolute -top-10 right-0"
97+
class="absolute -top-12 right-0"
9898
:code="rawString"
9999
/>
100100
<code class="min-w-full overflow-auto px-2 leading-4">

apps/www/content/1.overview/1.Introduction.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description:
44
icon: lucide:info
55
---
66

7-
[AI Elements Vue](https://github.com/cwandev/ai-elements-vue) is the Vue port of [AI-Elements](https://github.com/vercel/ai-elements), a component library and custom registry built on top of [shadcn-vue](https://shadcn-vue.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
7+
[AI Elements Vue](https://github.com/vuepont/ai-elements-vue) is the Vue port of [AI-Elements](https://github.com/vercel/ai-elements), a component library and custom registry built on top of [shadcn-vue](https://shadcn-vue.com/) to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
88

99
You can install it with:
1010

@@ -66,4 +66,4 @@ You can install it with:
6666
:::ComponentLoader{label="CodeBlock" componentName="CodeBlock"}
6767
:::
6868

69-
View the [source code](https://github.com/cwandev/ai-elements-vue) for all components on GitHub.
69+
View the [source code](https://github.com/vuepont/ai-elements-vue) for all components on GitHub.

apps/www/content/2.components/_dir.yml

Lines changed: 0 additions & 2 deletions
This file was deleted.
Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
title: Examples
2+
icon: lucide:code
3+
navigation.redirect: /examples/workflow

0 commit comments

Comments
 (0)