Skip to content

Commit 44edd5b

Browse files
committed
docs: Add vue installation instructions
1 parent 697b899 commit 44edd5b

File tree

2 files changed

+26
-1
lines changed

2 files changed

+26
-1
lines changed

docs/core/shared/_installation.mdx

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,7 @@ values={[
1313
{ label: 'NextJS', value: 'nextjs' },
1414
{ label: 'Expo', value: 'expo' },
1515
{ label: 'Anansi', value: 'anansi' },
16+
{ label: 'Vue 3', value: 'vue' },
1617
]}>
1718

1819
<TabItem value="web">
@@ -107,5 +108,29 @@ npx @anansi/cli hatch my-project
107108

108109
Anansi includes Reactive Data Client automatically.
109110

111+
</TabItem>
112+
<TabItem value="vue">
113+
114+
[Vue 3](https://vuejs.org/) is an alternative to React.
115+
116+
<PkgInstall pkgs="@data-client/vue @data-client/rest" />
117+
118+
```tsx title="main.ts"
119+
import { createApp } from 'vue';
120+
import { DataClientPlugin } from '@data-client/vue';
121+
122+
const app = createApp(App);
123+
124+
app.use(DataClientPlugin, {
125+
// optional overrides
126+
// managers: getDefaultManagers(),
127+
// initialState,
128+
// Controller,
129+
// gcPolicy,
130+
});
131+
132+
app.mount('#app');
133+
```
134+
110135
</TabItem>
111136
</Tabs>

packages/vue/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ npm install --save @data-client/vue @data-client/rest @data-client/test
3636

3737
For more details, see [the Installation docs page](https://dataclient.io/docs/getting-started/installation).
3838

39-
## Usage (alpha)
39+
## Usage
4040

4141
### Simple [TypeScript definition](https://dataclient.io/rest/api/Entity)
4242

0 commit comments

Comments
 (0)