Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@m8a/quasar-app-extension-apollo
Advanced tools
A Quasar app extension to add GraphQL support via Apollo Client
Statements | Branches | Functions | Lines |
---|---|---|---|
This is the official Quasar App-Extension for adding GraphQL to your Quasar project.
This app extension adds GraphQL support to your Quasar projects.
It uses Apollo Client and the Vue Apollo plugin.
Server side rendering (SSR) mode is also supported by this extension.
quasar ext add @m8a/apollo
Quasar CLI will retrieve the extension from NPM (@m8a/quasar-app-extension-apollo)
Note: Some code will be added to the html template file of your app (src/index.template.html
)
You will be prompted to enter the URI of your GraphQL endpoint. You can skip this and instead provide the URI using an environment variable when running Quasar:
GRAPHQL_URI=https://prod.example.com/graphql quasar build
GRAPHQL_URI=https://dev.example.com/graphql quasar dev
If you don't have a GraphQL endpoint yet, you can create one to experiment with at FakeQL or other similar services.
quasar ext remove @m8a/apollo
Note: The added code to the html template file (src/index.template.html
) will be removed.
Warning Added directory src/quasar-app-extension-apollo
will be removed, if you need, make a backup before uninstalling the extension.
Apollo client can be configured through src/quasar-app-extension-apollo/apollo-client-config.js
Check the guide in Vue Apollo docs
Example usage:
src/pages/Index.vue
<template>
<q-page>
<!-- when the query response is not received yet, data from it is undefined,
so before referring to it we need to use v-if -->
<div v-if="post">
GraphQL query result:<br>{{ post.title }}
</div>
<div v-else>
loading...
</div>
</q-page>
</template>
<script>
import gql from 'graphql-tag'
export default {
name: 'PageIndex',
// https://apollo.vuejs.org/guide/apollo/#usage-in-vue-components
apollo: {
post: {
query: gql`query {
post(id: 5) {
title
}
}`
}
}
}
</script>
quasar.apollo.conf.js
or just apollo.conf.js
FAQs
A Quasar app extension to add GraphQL support via Apollo Client
The npm package @m8a/quasar-app-extension-apollo receives a total of 0 weekly downloads. As such, @m8a/quasar-app-extension-apollo popularity was classified as not popular.
We found that @m8a/quasar-app-extension-apollo demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.