Skip to content

Commit f04633f

Browse files
committed
docs(website): Add vue demo to demo list
1 parent c5899a6 commit f04633f

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

website/src/pages/demos.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ export default function DemoList() {
1818
{ label: 'GitHub', value: 'github' },
1919
{ label: 'NextJS SSR', value: 'nextjs' },
2020
{ label: 'Live Coin Prices', value: 'coin-app' },
21+
{ label: 'Vue Todo', value: 'vue-todo-app' },
2122
]}
2223
groupId="Demos"
2324
>
@@ -124,6 +125,25 @@ export default function DemoList() {
124125
style={{ width: '100%', height: 'calc(100vh - 170px)' }}
125126
></iframe>
126127
</TabItem>
128+
<TabItem value="vue-todo-app">
129+
<iframe
130+
loading="lazy"
131+
src={`https://stackblitz.com/github/reactive/data-client/tree/master/examples/vue-todo-app?${searchParams(
132+
{
133+
embed: '1',
134+
file: [
135+
'src/resources/TodoResource.ts,src/resources/UserResource.ts,src/pages/UserTodos.vue,src/pages/UserList.vue',
136+
],
137+
hideDevTools: '1',
138+
hideNavigation: '1',
139+
terminalHeight: '0',
140+
},
141+
)}`}
142+
width="900"
143+
height="700"
144+
style={{ width: '100%', height: 'calc(100vh - 170px)' }}
145+
></iframe>
146+
</TabItem>
127147
</Tabs>
128148
</Layout>
129149
);

0 commit comments

Comments
 (0)