fix: SSR

.babelrc

@@ -1,7 +1,7 @@
 {
   "presets": [
     ["@babel/preset-env", {
-      "modules": false
+      "modules": "commonjs"
     }]
   ]
 }

generator/index.js

@@ -7,7 +7,7 @@ const chalk = require('chalk')
 module.exports = (api, options, rootOptions) => {
   api.extendPackage({
     dependencies: {
-      'vue-apollo': '^3.0.0-beta.10',
+      'vue-apollo': '^3.0.0-beta.11',
     },
     devDependencies: {
       'graphql-tag': '^2.9.0',
@@ -99,7 +99,7 @@ module.exports = (api, options, rootOptions) => {
 
     const file = tsExists ? 'src/main.ts' : 'src/main.js'
     api.injectImports(file, `import { createProvider } from './vue-apollo'`)
-    api.injectRootOptions(file, `provide: createProvider().provide(),`)
+    api.injectRootOptions(file, `apolloProvider: createProvider(),`)
   } catch (e) {
     api.exitLog(`Your main file couldn't be modified. You will have to edit the code yourself: https://github.com/Akryum/vue-cli-plugin-apollo#manual-code-changes`, 'warn')
   }

generator/templates/vue-apollo/default/src/vue-apollo.js

@@ -14,9 +14,7 @@ const httpEndpoint = process.env.VUE_APP_GRAPHQL_HTTP || 'http://localhost:4000/
 // Files URL root
 export const filesRoot = process.env.VUE_APP_FILES_ROOT || httpEndpoint.substr(0, httpEndpoint.indexOf('/graphql'))
 
-Object.defineProperty(Vue.prototype, '$filesRoot', {
-  get: () => filesRoot,
-})
+Vue.prototype.$filesRoot = filesRoot
 <%_ } %>
 // Config
 const defaultOptions = {
@@ -79,7 +77,9 @@ export function createProvider (options = {}) {
 
 // Manually call this when user log in
 export async function onLogin (apolloClient, token) {
-  localStorage.setItem(AUTH_TOKEN, token)
+  if (typeof localStorage !== 'undefined' && token) {
+    localStorage.setItem(AUTH_TOKEN, token)
+  }
   if (apolloClient.wsClient) restartWebsockets(apolloClient.wsClient)
   try {
     await apolloClient.resetStore()
@@ -91,7 +91,9 @@ export async function onLogin (apolloClient, token) {
 
 // Manually call this when user log out
 export async function onLogout (apolloClient) {
-  localStorage.removeItem(AUTH_TOKEN)
+  if (typeof localStorage !== 'undefined') {
+    localStorage.removeItem(AUTH_TOKEN)
+  }
   if (apolloClient.wsClient) restartWebsockets(apolloClient.wsClient)
   try {
     await apolloClient.resetStore()

graphql-client/src/index.js

@@ -167,8 +167,10 @@ export function restartWebsockets (wsClient) {
 }
 
 function defaultGetAuth (tokenName) {
-  // get the authentication token from local storage if it exists
-  const token = localStorage.getItem(tokenName)
-  // return the headers to the context so httpLink can read them
-  return token ? `Bearer ${token}` : ''
+  if (typeof window !== 'undefined') {
+    // get the authentication token from local storage if it exists
+    const token = window.localStorage.getItem(tokenName)
+    // return the headers to the context so httpLink can read them
+    return token ? `Bearer ${token}` : ''
+  }
 }