Comments (1)
Unfortunately, I don't think it is compatible with @graphql-codegen/typescript-vue-apollo
output
However, we do use the near-operation-preset
along with typescript-operation
plugin to generate .gql
defenitions.
Here is a snippet of the codegen.yml
:
schema: https://yourapi.com/graphql
documents:
- ./graphql/**/*.gql
generates:
./graphql-types.gen.ts:
plugins:
- typescript
./:
preset: near-operation-file
presetConfig:
extension: .gql.d.ts
baseTypesPath: graphql-types.gen.ts
plugins:
- typescript-operations
config:
addOperationExport: true
Which provides typings for our schema and for the operations we use with graphql-tag
.
Here is an example of a query:
import { ProductsQuery, ProductsQueryVariables, Products } from '@/graphql/Product.gql';
const { data, error } = useQuery<ProductsQuery, ProductsQueryVariables>({
query: Products,
variables,
});
Maybe in the future, I could implement a plugin to automate this like the one you suggested for vue-apollo
but I'm short on time at the moment.
from villus.
Related Issues (20)
- Replace WaitForExpect in Testing docs HOT 1
- In Service Worker: Could not resolve a fetch() method HOT 1
- How to set headers after the client has been initialised ? HOT 1
- how can i use makeFetchOptions HOT 1
- Will villus work in vue 2.7? HOT 2
- How to set the headers for the batch plugin HOT 7
- Documentation : it is not explained that cache() is loaded by default HOT 1
- Uncaught Error: Cannot detect villus Client, did you forget HOT 3
- Best practice for setting headers at runtime HOT 1
- Error: Could not resolve a fetch() method, you should provide one. HOT 1
- Possible to return Promise.reject on plugin? HOT 2
- TS4023: Exported variable has or is using name 'QueryExecutionOpts' from external module but cannot be named. HOT 3
- createClient - No fetch function in the code HOT 1
- updating the cache after a mutation HOT 2
- Mutation response undefined HOT 1
- How to set authorization header when using createClient({}) instance, I use quasar framework and I want to add headers on each request send to API. HOT 1
- missing null in type of useMutation HOT 1
- How to get a global isFetching status for queries & mutations with Villus HOT 1
- SubscriptionForwarder Typescript issue with graphql-ws HOT 1
- useSubscription return old value when router.push is used HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from villus.