Not compatible with runtime config

If using an env variable for the endpoint value, this value needs to be provided at built time and cannot be dynamically updated later. The nuxt Runtime Config aims to solve this problem, by giving you access to a $config object where the correct config variables are provided.

I have this working locally by updating the plugin.js to contain the following:

import { GraphQLClient } from 'graphql-request';

if (<%= options.useFetchPolyfill %>) {
  require('cross-fetch/polyfill');
}

export default (ctx, inject) => {
  const clientOptions = <%= serialize(options.options) %>;

  const client = new GraphQLClient(ctx.$config.API_URL || '<%= options.endpoint %>', clientOptions);

  // Inject the graphql client to the context as $graphql
  ctx.$graphql = client;
  inject('graphql', client);
};

Config variable can be updated to something else if required. Happy to PR my changes if they work for you.

[drewbaker]

That’s fire. I like it!

[Gomah]

@samturrell That would be great!