File tree Expand file tree Collapse file tree 2 files changed +26
-1
lines changed Expand file tree Collapse file tree 2 files changed +26
-1
lines changed Original file line number Diff line number Diff 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
108109Anansi 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 >
Original file line number Diff line number Diff line change @@ -36,7 +36,7 @@ npm install --save @data-client/vue @data-client/rest @data-client/test
3636
3737For 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
You can’t perform that action at this time.
0 commit comments