Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/leonidshv/vue3-graphql
How to use GraphQL in Vue3 with the Apollo Client
https://github.com/leonidshv/vue3-graphql
graphql-client vue vue-apollo vue-apollo-example vue3
Last synced: about 1 month ago
JSON representation
How to use GraphQL in Vue3 with the Apollo Client
- Host: GitHub
- URL: https://github.com/leonidshv/vue3-graphql
- Owner: LeonidShv
- Created: 2023-08-08T07:58:01.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-16T07:25:52.000Z (over 1 year ago)
- Last Synced: 2024-10-11T13:02:42.116Z (about 1 month ago)
- Topics: graphql-client, vue, vue-apollo, vue-apollo-example, vue3
- Language: Vue
- Homepage: https://medium.com/@leonidshvab1996/how-to-use-graphql-in-vue3-with-the-apollo-client-79b1c1fda69d
- Size: 18.6 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# How to use GraphQL in Vue3 with the Apollo Client
[GraphQL api for this project](https://studio.apollographql.com/public/SpaceX-pxxbxen/variant/current/home)
Read the whole tutorial in the article:[How to use GraphQL in Vue3 with the Apollo Client](https://medium.com/@leonidshvab1996/how-to-use-graphql-in-vue3-with-the-apollo-client-79b1c1fda69d)
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).
## Project Setup
```sh
npm install
```### Compile and Hot-Reload for Development
```sh
npm run dev
```### Compile and Minify for Production
```sh
npm run build
```