Something

Setup

Required Packages

yarn add vue-apollo graphql apollo-client apollo-link apollo-link-http apollo-link-ws subscriptions-transport-ws apollo-cache-inmemory graphql-tag apollo-utilities

Webpack GraphQL Loader

// vue.config.js

module.exports = {
  chainWebpack: config => {
    // GraphQL Loader
    config.module
      .rule('graphql')
      .test(/\.(graphql|gql)$/)
      .use('graphql-tag/loader')
      .loader('graphql-tag/loader')
      .end()
  }
}

Mutation

Add User

Steps

• create user add mutation graphql file
• use Dollar Apollo Mutate
• use update to add new user to cache which will propagate changes to all queries
• use this snippets to determine if there are users

<template v-if="data && data.users && data.users.length">