如何使用svelte进行graphql和graphql订阅

npx degit sveltejs/template svelte-app
cd svelte-app
npm install

npm install graphql graphql-tag apollo-boost svelte-apollo

import ApolloClient from 'apollo-boost';
import { InMemoryCache } from 'apollo-cache-inmemory';

const client = new ApolloClient({
  uri: 'YOUR_GRAPHQL_ENDPOINT',
  cache: new InMemoryCache(),
});

export default client;

<script>
  import { onMount } from 'svelte';
  import { gql } from 'graphql-tag';
  import { Query } from 'svelte-apollo';

  import client from '../graphql';

  const GET_DATA = gql`
    query {
      // Your GraphQL query here
    }
  </script>

  <Query query={GET_DATA} client={client}>
    {({ loading, error, data }) => {
      if (loading) return <p>Loading...</p>;
      if (error) return <p>Error :(</p>;

      return (
        <div>
          {/* Render your data here */}
        </div>
      );
    }}
  </Query>

npm run dev