built-in graphql playground has buggy tooltips

[TronkIshere]

Describe the bug
In http://localhost:3000/admin-api has a bug that makes code mirror-hint show up and doesn't disappear, and It stays there forever

To Reproduce
Steps to reproduce the behavior:

1. Go to http://localhost:3000/admin-api
2. Use mirror-hint and there it is

Expected behavior
I think It should be disappear

Environment (please complete the following information):

• @vendure/core version: 3.0.0
• Nodejs version: 10.9.0
• Database (mysql/postgres etc): firebase

[toBeOfUse]

The GraphQL sandbox that Vendure uses by default is deprecated. Change your vendure-config.ts file to look like this to use the more modern Apollo GraphQL Studio:

import { ApolloServerPluginLandingPageLocalDefault } from '@apollo/server/plugin/landingPage/default';

export const config: VendureConfig = {

  // ... other stuff ...
  apiOptions: {
    // ... other stuff ...
    shopApiPlayground: false,
    adminApiPlayground: false,
    apolloServerPlugins: IS_DEV
      ? [ApolloServerPluginLandingPageLocalDefault()]
      : [],
    }
  },

  // ... more other stuff ...
};

[TronkIshere]

@toBeOfUse It worked, tks man

[michaelbromley]

Thanks for providing that work-around. I think ultimately we need to consider moving to that in the core. But I'm not sure whether I like that particular one provided by Apollo, because the whole app is served from Apollo's servers. I'd prefer something self-contained.

Ideally, we can use graphiql and wrap it into an Apollo plugin that implements the renderLandingPage method.