import Vue from 'vue' import { hasFetch, normalizeError, addLifecycleHook } from '../utils' async function serverPrefetch() { if (!this._fetchOnServer) { return } // Call and await on $fetch try { await this.$options.fetch.call(this) } catch (err) { this.$fetchState.error = normalizeError(err) } this.$fetchState.pending = false // Define an ssrKey for hydration this._fetchKey = this.$ssrContext.nuxt.fetch.length // Add data-fetch-key on parent element of Component const attrs = this.$vnode.data.attrs = this.$vnode.data.attrs || {} attrs['data-fetch-key'] = this._fetchKey // Add to ssrContext for window.__NUXT__.fetch this.$ssrContext.nuxt.fetch.push(this.$fetchState.error ? { _error: this.$fetchState.error } : this._data) } export default { beforeCreate() { if (!hasFetch(this)) { return } if (typeof this.$options.fetchOnServer === 'function') { this._fetchOnServer = this.$options.fetchOnServer.call(this) !== false } else { this._fetchOnServer = this.$options.fetchOnServer !== false } Vue.util.defineReactive(this, '$fetchState', { pending: true, error: null, timestamp: Date.now() }) addLifecycleHook(this, 'serverPrefetch', serverPrefetch) } }