Multiple issues getting this package working about apollo HOT 6 CLOSED

Hi!

The result object you get from your GraphQL server is:

{event: {title: "New event"} }

Where the top-level object has the result of your GraphQL query with the same name 'event' (it is necessary because you can call multiple GraphQL queries in one Apollo query).

But since you are calling your component's attribute title, it expects to have a result like this:

{ title: '...' }

In your case, it can't figure on its own what to do with the result, so you have to put an additional parameter, update, as described here:

<template>
  <div class="container-fluid">
    <h1>{{ title }}</h1>
  </div>
</template>
<script>
  import gql from "graphql-tag"

  export default {
    data: () => ({
      title: ""
    }),
    apollo: {
      title: {
        query: gql`{
          event {
            title
          }
        }`,
        update(data) {
          return data.event.title;
        ),
      }
    }
  }
</script>

from apollo.

You can also write (in ES2016):

update: ({ event }) => event.title,

from apollo.

from apollo.

Any idea about the simple queries without the query: key? They no
longer seem to work as documented.

Fixed in release 1.0.0-rc.2

from apollo.

Hi. Great package! I am not sure this was fixed seeing that it is still happening. I am brand new to this package and i followed the example in Usage in Vue exactly as given and it seems like I ran into this issue. I got it working after implementing the workaround update.... So reopen this please or should i create another issue?

from apollo.

ok just opened another, don't bother reopening this

from apollo.