Prefere gerar a estrutura inicial por meio do seu agente de IA? Veja Agent Skills e execute /data-client-setup.
Instale o plugin
Instale o plugin do Vue ao criar seu app.
npm install --save @data-client/vue @data-client/rest
import { createApp } from 'vue';
import { DataClientPlugin } from '@data-client/vue';
import App from './App.vue';
const app = createApp(App);
app.use(DataClientPlugin);
app.mount('#app');
app.use(DataClientPlugin, options) pode, opcionalmente, sobrescrever managers, initialState, Controller e gcPolicy. Veja DataClientPlugin para todas as opções.
Exemplo
Explore o exemplo vue-todo-app
Ferramentas compatíveis
TypeScript 4.0+
TypeScript é opcional, mas exige pelo menos a versão 4.0 e strictNullChecks para a verificação completa de tipos.
@data-client/vue precisa do TypeScript 4.5 ou posterior, pois os próprios tipos do Vue também exigem.
Suporte a navegadores antigos
Se sua aplicação tem como alvo navegadores mais antigos (de alguns anos atrás ou mais), certifique-se de carregar polyfills. Normalmente isso é feito com @babel/preset-env useBuiltIns: 'entry', combinado com a importação do core-js no ponto de entrada da sua aplicação.
Isso garante que apenas os polyfills necessários para os navegadores que você suporta sejam incluídos no bundle da sua aplicação.
Por exemplo, TypeError: Object.hasOwn is not a function
Suporte ao Internet Explorer
Se você encontrar Uncaught TypeError: Class constructor Resource cannot be invoked without 'new',
siga as instruções para adicionar suporte a navegadores legados aos pacotes
Vue 3
@data-client/vue é compatível com Vue 3 e é construído sobre a Composition API.