vite-garden/src/main.js

Vite Garden -- a part of the threed.ai family of JavaScript-friendly food-growing libraries

// from "my-eth-app"
import { InMemoryCache } from "apollo-cache-inmemory";
import { ApolloClient } from "apollo-client";
import { createHttpLink } from "apollo-link-http";
import Vue from "vue";
import VueApollo from "vue-apollo";

import App from "./App.vue";

Vue.config.productionTip = false;

// Cache implementation
const cache = new InMemoryCache();

// HTTP connection to the API
const httpLink = createHttpLink({
  // You should use an absolute URL here
  uri: "https://api.thegraph.com/subgraphs/name/paulrberg/create-eth-app",
});

// Create the apollo client
const apolloClient = new ApolloClient({
  cache,
  link: httpLink,
});

// Install the vue plugin
// With the apollo client instance
Vue.use(VueApollo, {
  apolloClient,
});

const apolloProvider = new VueApollo({
  defaultClient: apolloClient,
});

new Vue({
  apolloProvider,
  render: h => h(App),
}).$mount("#app");