vendure/docs/layouts/partials/graphql-playground.html

<!--<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/css/index.css" />-->
<link rel="shortcut icon" href="//cdn.jsdelivr.net/npm/graphql-playground-react/build/favicon.png" />
<script src="//cdn.jsdelivr.net/npm/graphql-playground-react/build/static/js/middleware.js"></script>
<div id="root">
    <img src='//cdn.jsdelivr.net/npm/graphql-playground-react/build/logo.png' alt=''>
    <div class="loading"> Loading
        <span class="title">GraphQL Playground</span>
    </div>
</div>
<script>window.addEventListener('load', function (event) {
    GraphQLPlayground.init(document.getElementById('root'), {
        endpoint: 'https://demo.vendure.io/shop-api',
        tabs: [
            {
                endpoint: 'https://demo.vendure.io/shop-api',
                name: `products`,
                query: `
{
  products {
    items {
      id
      name
      variants {
        sku
        name
        price
      }
    }
  }
}`,
            }
        ]
    });
})</script>