const graphql = require('es-dev-server-import-graphql');
 
module.exports = {
  port: 8080,
  watch: true,
  nodeResolve: true,
  appIndex: 'demo/index.html',
  moduleDirs: ['node_modules', 'web_modules'],
  plugins: [
    graphql()
  ],
};

import MoodQuery from './Mood.query.graphql';
import { ApolloQuery, customElement, html } from '@apollo-elements/lit-apollo';
 
interface Data {
  mood: string;
}
 
@customElement('mood-query')
export class MoodQuery extends ApolloQuery<Data, null> {
  query = MoodQuery
 
  render() {
    return (
        this.error ? html`<p>Error is ${this.error}</p>`
      : this.data ? html`<p>Mood is ${this.data.mood}</p>`
      : ''
    );
  }
}