feat: Apollo Graphql useQuery

[productdevbook]

• New SSR code structure.
• Adding features that are in React but not in Vue.
• Make the code better.
• Support all api as it seems possible.

pnpm add @huntersofbook/vue-apollo@^2.0.0-alpha.6

Query Api:
https://www.apollographql.com/docs/react/data/queries/#usequery-api

[productdevbook]

new test: "@huntersofbook/vue-apollo": "^2.0.0-alpha.6"

[productdevbook]

new createApp support

import { createApollo } from '@huntersofbook/vue-apollo'

// HTTP connection to the API
const httpLink = createHttpLink({
  // You should use an absolute URL here
  uri: 'https://countries.trevorblades.com',
})

// Cache implementation
const cache = new InMemoryCache()

// Create the apollo client
const apolloClient = new ApolloClient({
  link: httpLink,
  cache,
})

const app = createApp(App)

const apollo = createApollo({
  client: apolloClient,
})

app.use(apollo)

app.mount('#app')

[productdevbook]

result new struct

used

  <div v-if="loading ">
      {{ loading }}
    </div>
    <div v-else-if="error">
      {{ error }}
    </div>
    <div v-else>
      {{ result?.data.countries }}
    </div>

or

    <div >
      {{ result?.data?.countries }}
    </div>

[productdevbook]

Publish new @huntersofbook/vue-apollo@2.0.0-alpha.7