mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-11 08:33:53 +00:00
chore: lint vue-app templates (#6390)
This commit is contained in:
Pim
Pooya Parsa
parent
8ccca220ed
commit
8f0f16b076
@ -36,7 +36,7 @@ module.exports = {
|
||||
'vue/component-name-in-template-casing': ['warn', 'kebab-case']
|
||||
}
|
||||
}, {
|
||||
files: [ 'test/fixtures/*/.nuxt*/**/+(App|index|server|client).js' ],
|
||||
files: [ 'test/fixtures/*/.nuxt*/**/+(App|index|server|client|nuxt).js' ],
|
||||
rules: {
|
||||
'import/order': 'off'
|
||||
}
|
||||
|
||||
@ -41,7 +41,7 @@
|
||||
"consola": "^2.10.1",
|
||||
"cross-spawn": "^7.0.0",
|
||||
"eslint": "^6.3.0",
|
||||
"eslint-multiplexer": "^1.0.4",
|
||||
"eslint-multiplexer": "^2.0.0",
|
||||
"esm": "^3.2.25",
|
||||
"execa": "^2.0.4",
|
||||
"express": "^4.17.1",
|
||||
|
||||
@ -28,11 +28,11 @@ const layouts = { <%= Object.keys(layouts).map(key => `"_${key}": _${hash(key)}`
|
||||
|
||||
export default {
|
||||
<% if (features.meta) { %>
|
||||
<%= isTest ? '/* eslint-disable quotes, semi, indent, comma-spacing, key-spacing, object-curly-spacing, space-before-function-paren */' : '' %>
|
||||
<%= isTest ? '/* eslint-disable quotes, semi, indent, comma-spacing, key-spacing, object-curly-spacing, space-before-function-paren, object-shorthand */' : '' %>
|
||||
head: <%= serializeFunction(head) %>,
|
||||
<%= isTest ? '/* eslint-enable quotes, semi, indent, comma-spacing, key-spacing, object-curly-spacing, space-before-function-paren */' : '' %>
|
||||
<%= isTest ? '/* eslint-enable quotes, semi, indent, comma-spacing, key-spacing, object-curly-spacing, space-before-function-paren, object-shorthand */' : '' %>
|
||||
<% } %>
|
||||
render(h, props) {
|
||||
render (h, props) {
|
||||
<% if (loading) { %>const loadingEl = h('NuxtLoading', { ref: 'loading' })<% } %>
|
||||
<% if (features.layouts) { %>
|
||||
const layoutEl = h(this.layout || 'nuxt')
|
||||
@ -53,7 +53,7 @@ export default {
|
||||
mode: '<%= layoutTransition.mode %>'
|
||||
},
|
||||
on: {
|
||||
beforeEnter(el) {
|
||||
beforeEnter (el) {
|
||||
// Ensure to trigger scroll event after calling scrollBehavior
|
||||
window.<%= globals.nuxt %>.$nextTick(() => {
|
||||
window.<%= globals.nuxt %>.$emit('triggerScroll')
|
||||
@ -84,10 +84,10 @@ export default {
|
||||
<% } %>
|
||||
}),
|
||||
<% } %>
|
||||
beforeCreate() {
|
||||
beforeCreate () {
|
||||
Vue.util.defineReactive(this, 'nuxt', this.$options.nuxt)
|
||||
},
|
||||
created() {
|
||||
created () {
|
||||
// Add this.$nuxt in child instances
|
||||
Vue.prototype.<%= globals.nuxt %> = this
|
||||
// add to window so we can listen when ready
|
||||
@ -106,7 +106,7 @@ export default {
|
||||
this.context = this.$options.context
|
||||
},
|
||||
<% if (loading) { %>
|
||||
mounted() {
|
||||
mounted () {
|
||||
this.$loading = this.$refs.loading
|
||||
},
|
||||
watch: {
|
||||
@ -115,14 +115,15 @@ export default {
|
||||
<% } %>
|
||||
<% if (features.clientOnline) { %>
|
||||
computed: {
|
||||
isOffline() {
|
||||
isOffline () {
|
||||
return !this.isOnline
|
||||
}
|
||||
},
|
||||
<% } %>
|
||||
methods: {
|
||||
<%= isTest ? '/* eslint-disable comma-dangle */' : '' %>
|
||||
<% if (features.clientOnline) { %>
|
||||
refreshOnlineStatus() {
|
||||
refreshOnlineStatus () {
|
||||
if (process.client) {
|
||||
if (typeof window.navigator.onLine === 'undefined') {
|
||||
// If the browser doesn't support connection status reports
|
||||
@ -135,7 +136,7 @@ export default {
|
||||
}
|
||||
},
|
||||
<% } %>
|
||||
async refresh() {
|
||||
async refresh () {
|
||||
<% if (features.asyncData || features.fetch) { %>
|
||||
const pages = getMatchedComponentsInstances(this.$route)
|
||||
|
||||
@ -144,7 +145,7 @@ export default {
|
||||
}
|
||||
<% if (loading) { %>this.$loading.start()<% } %>
|
||||
|
||||
const promises = pages.map(async (page) => {
|
||||
const promises = pages.map((page) => {
|
||||
const p = []
|
||||
|
||||
<% if (features.fetch) { %>
|
||||
@ -177,26 +178,34 @@ export default {
|
||||
<% } %>
|
||||
},
|
||||
<% if (loading) { %>
|
||||
errorChanged() {
|
||||
errorChanged () {
|
||||
if (this.nuxt.err && this.$loading) {
|
||||
if (this.$loading.fail) this.$loading.fail()
|
||||
if (this.$loading.finish) this.$loading.finish()
|
||||
if (this.$loading.fail) {
|
||||
this.$loading.fail()
|
||||
}
|
||||
if (this.$loading.finish) {
|
||||
this.$loading.finish()
|
||||
}
|
||||
}
|
||||
},
|
||||
<% } %>
|
||||
<% if (features.layouts) { %>
|
||||
<% if (splitChunks.layouts) { %>
|
||||
setLayout(layout) {
|
||||
setLayout (layout) {
|
||||
<% if (debug) { %>
|
||||
if(layout && typeof layout !== 'string') throw new Error('[nuxt] Avoid using non-string value as layout property.')
|
||||
if(layout && typeof layout !== 'string') {
|
||||
throw new Error('[nuxt] Avoid using non-string value as layout property.')
|
||||
}
|
||||
<% } %>
|
||||
if (!layout || !resolvedLayouts['_' + layout]) layout = 'default'
|
||||
if (!layout || !resolvedLayouts['_' + layout]) {
|
||||
layout = 'default'
|
||||
}
|
||||
this.layoutName = layout
|
||||
let _layout = '_' + layout
|
||||
this.layout = resolvedLayouts[_layout]
|
||||
return this.layout
|
||||
},
|
||||
loadLayout(layout) {
|
||||
loadLayout (layout) {
|
||||
const undef = !layout
|
||||
const nonexistent = !(layouts['_' + layout] || resolvedLayouts['_' + layout])
|
||||
let _layout = '_' + ((undef || nonexistent) ? 'default' : layout)
|
||||
@ -216,9 +225,11 @@ export default {
|
||||
})
|
||||
}
|
||||
<% } else { %>
|
||||
setLayout(layout) {
|
||||
setLayout (layout) {
|
||||
<% if (debug) { %>
|
||||
if(layout && typeof layout !== 'string') throw new Error('[nuxt] Avoid using non-string value as layout property.')
|
||||
if(layout && typeof layout !== 'string') {
|
||||
throw new Error('[nuxt] Avoid using non-string value as layout property.')
|
||||
}
|
||||
<% } %>
|
||||
if (!layout || !layouts['_' + layout]) {
|
||||
layout = 'default'
|
||||
@ -227,7 +238,7 @@ export default {
|
||||
this.layout = layouts['_' + layout]
|
||||
return this.layout
|
||||
},
|
||||
loadLayout(layout) {
|
||||
loadLayout (layout) {
|
||||
if (!layout || !layouts['_' + layout]) {
|
||||
layout = 'default'
|
||||
}
|
||||
@ -241,4 +252,5 @@ export default {
|
||||
NuxtLoading
|
||||
}
|
||||
<% } %>
|
||||
<%= isTest ? '/* eslint-enable comma-dangle */' : '' %>
|
||||
}
|
||||
|
||||
@ -2,21 +2,21 @@ import Vue from 'vue'
|
||||
<% if (fetch.client) { %>import fetch from 'unfetch'<% } %>
|
||||
<% if (features.middleware) { %>import middleware from './middleware.js'<% } %>
|
||||
import {
|
||||
<% if (features.asyncData) { %>applyAsyncData,<% } %>
|
||||
<% if (features.asyncData) { %>applyAsyncData,
|
||||
promisify,<% } %>
|
||||
<% if (features.middleware) { %>middlewareSeries,<% } %>
|
||||
sanitizeComponent,
|
||||
resolveRouteComponents,
|
||||
<% if (features.transitions || (features.middleware && features.layouts)) { %>sanitizeComponent,<% } %>
|
||||
<% if (loading) { %>resolveRouteComponents,<% } %>
|
||||
getMatchedComponents,
|
||||
getMatchedComponentsInstances,
|
||||
flatMapComponents,
|
||||
setContext,
|
||||
promisify,
|
||||
getLocation,
|
||||
<% if (features.transitions) { %>getLocation,<% } %>
|
||||
compile,
|
||||
getQueryDiff,
|
||||
globalHandleError
|
||||
} from './utils.js'
|
||||
import { createApp, NuxtError } from './index.js'
|
||||
import { createApp<% if (features.layouts) { %>, NuxtError<% } %> } from './index.js'
|
||||
import NuxtLink from './components/nuxt-link.<%= features.clientPrefetch && router.prefetchLinks ? "client" : "server" %>.js' // should be included after ./index.js
|
||||
<% if (isDev) { %>import consola from 'consola'<% } %>
|
||||
|
||||
@ -31,7 +31,7 @@ Vue.component(NuxtLink.name, NuxtLink)
|
||||
<% if (fetch.client) { %>if (!global.fetch) { global.fetch = fetch }<% } %>
|
||||
|
||||
// Global shared references
|
||||
let _lastPaths = []
|
||||
let _lastPaths = []<%= isTest ? '// eslint-disable-line no-unused-vars' : '' %>
|
||||
let app
|
||||
let router
|
||||
<% if (store) { %>let store<%= isTest ? '// eslint-disable-line no-unused-vars' : '' %><% } %>
|
||||
@ -95,7 +95,7 @@ const errorHandler = Vue.config.errorHandler || console.error
|
||||
createApp().then(mountApp).catch(errorHandler)
|
||||
|
||||
<% if (features.transitions) { %>
|
||||
function componentOption(component, key, ...args) {
|
||||
function componentOption (component, key, ...args) {
|
||||
if (!component || !component.options || !component.options[key]) {
|
||||
return {}
|
||||
}
|
||||
@ -106,7 +106,7 @@ function componentOption(component, key, ...args) {
|
||||
return option
|
||||
}
|
||||
|
||||
function mapTransitions(Components, to, from) {
|
||||
function mapTransitions (Components, to, from) {
|
||||
const componentTransitions = (component) => {
|
||||
const transition = componentOption(component, 'transition', to, from) || {}
|
||||
return (typeof transition === 'string' ? { name: transition } : transition)
|
||||
@ -128,7 +128,7 @@ function mapTransitions(Components, to, from) {
|
||||
})
|
||||
}
|
||||
<% } %>
|
||||
async function loadAsyncComponents(to, from, next) {
|
||||
<% if (loading) { %>async <% } %>function loadAsyncComponents (to, from, next) {
|
||||
// Check if route path changed (this._pathChanged), only if the page is not an error (for validate())
|
||||
this._pathChanged = Boolean(app.nuxt.err) || from.path !== to.path
|
||||
this._queryChanged = JSON.stringify(to.query) !== JSON.stringify(from.query)
|
||||
@ -141,20 +141,22 @@ async function loadAsyncComponents(to, from, next) {
|
||||
<% } %>
|
||||
|
||||
try {
|
||||
const Components = await resolveRouteComponents(
|
||||
to,
|
||||
(Component, instance) => ({ Component, instance })
|
||||
)
|
||||
<% if (loading) { %>
|
||||
if (!this._pathChanged && this._queryChanged) {
|
||||
const Components = await resolveRouteComponents(
|
||||
to,
|
||||
(Component, instance) => ({ Component, instance })
|
||||
)
|
||||
// Add a marker on each component that it needs to refresh or not
|
||||
const startLoader = Components.some(({Component, instance}) => {
|
||||
const startLoader = Components.some(({ Component, instance }) => {
|
||||
const watchQuery = Component.options.watchQuery
|
||||
if (watchQuery === true) {
|
||||
return true
|
||||
} else if (Array.isArray(watchQuery)) {
|
||||
}
|
||||
if (Array.isArray(watchQuery)) {
|
||||
return watchQuery.some(key => this._diffQuery[key])
|
||||
} else if (typeof watchQuery === 'function') {
|
||||
}
|
||||
if (typeof watchQuery === 'function') {
|
||||
return watchQuery.apply(instance, [to.query, from.query])
|
||||
}
|
||||
return false
|
||||
@ -184,7 +186,8 @@ async function loadAsyncComponents(to, from, next) {
|
||||
}
|
||||
}
|
||||
|
||||
function applySSRData(Component, ssrData) {
|
||||
<% if (features.transitions) { %>
|
||||
function applySSRData (Component, ssrData) {
|
||||
<% if (features.asyncData) { %>
|
||||
if (NUXT.serverRendered && ssrData) {
|
||||
applyAsyncData(Component, ssrData)
|
||||
@ -195,7 +198,7 @@ function applySSRData(Component, ssrData) {
|
||||
}
|
||||
|
||||
// Get matched components
|
||||
function resolveComponents(router) {
|
||||
function resolveComponents (router) {
|
||||
const path = getLocation(router.options.base, router.options.mode)
|
||||
|
||||
return flatMapComponents(router.match(path), async (Component, _, match, key, index) => {
|
||||
@ -209,8 +212,10 @@ function resolveComponents(router) {
|
||||
return _Component
|
||||
})
|
||||
}
|
||||
<% } %>
|
||||
|
||||
<% if (features.middleware) { %>
|
||||
function callMiddleware(Components, context, layout) {
|
||||
function callMiddleware (Components, context, layout) {
|
||||
let midd = <%= devalue(router.middleware) %><%= isTest ? '// eslint-disable-line' : '' %>
|
||||
let unknownMiddleware = false
|
||||
|
||||
@ -231,7 +236,9 @@ function callMiddleware(Components, context, layout) {
|
||||
<% } %>
|
||||
|
||||
midd = midd.map((name) => {
|
||||
if (typeof name === 'function') return name
|
||||
if (typeof name === 'function') {
|
||||
return name
|
||||
}
|
||||
if (typeof middleware[name] !== 'function') {
|
||||
unknownMiddleware = true
|
||||
this.error({ statusCode: 500, message: 'Unknown middleware ' + name })
|
||||
@ -239,22 +246,27 @@ function callMiddleware(Components, context, layout) {
|
||||
return middleware[name]
|
||||
})
|
||||
|
||||
if (unknownMiddleware) return
|
||||
if (unknownMiddleware) {
|
||||
return
|
||||
}
|
||||
return middlewareSeries(midd, context)
|
||||
}
|
||||
<% } else if (isDev) {
|
||||
// This is a placeholder function mainly so we dont have to
|
||||
// refactor the promise chain in addHotReload()
|
||||
%>
|
||||
function callMiddleware() {
|
||||
function callMiddleware () {
|
||||
return Promise.resolve(true)
|
||||
}
|
||||
<% } %>
|
||||
async function render(to, from, next) {
|
||||
if (this._pathChanged === false && this._queryChanged === false) return next()
|
||||
async function render (to, from, next) {
|
||||
if (this._pathChanged === false && this._queryChanged === false) {
|
||||
return next()
|
||||
}
|
||||
// Handle first render on SPA mode
|
||||
if (to === from) _lastPaths = []
|
||||
else {
|
||||
if (to === from) {
|
||||
_lastPaths = []
|
||||
} else {
|
||||
const fromMatches = []
|
||||
_lastPaths = getMatchedComponents(from, fromMatches).map((Component, i) => {
|
||||
return compile(from.matched[fromMatches[i]].path)(from.params)
|
||||
@ -274,7 +286,10 @@ async function render(to, from, next) {
|
||||
this.$loading.pause()
|
||||
}
|
||||
<% } %>
|
||||
if (nextCalled) return
|
||||
if (nextCalled) {
|
||||
return
|
||||
}
|
||||
|
||||
nextCalled = true
|
||||
next(path)
|
||||
}
|
||||
@ -297,7 +312,9 @@ async function render(to, from, next) {
|
||||
<% if (features.middleware) { %>
|
||||
// Default layout
|
||||
await callMiddleware.call(this, Components, app.context)
|
||||
if (nextCalled) return
|
||||
if (nextCalled) {
|
||||
return
|
||||
}
|
||||
<% } %>
|
||||
|
||||
<% if (features.layouts) { %>
|
||||
@ -311,7 +328,9 @@ async function render(to, from, next) {
|
||||
|
||||
<% if (features.middleware) { %>
|
||||
await callMiddleware.call(this, Components, app.context, layout)
|
||||
if (nextCalled) return
|
||||
if (nextCalled) {
|
||||
return
|
||||
}
|
||||
<% } %>
|
||||
|
||||
// Show error page
|
||||
@ -337,8 +356,12 @@ async function render(to, from, next) {
|
||||
<% if (features.middleware) { %>
|
||||
// Call middleware
|
||||
await callMiddleware.call(this, Components, app.context)
|
||||
if (nextCalled) return
|
||||
if (app.context._errored) return next()
|
||||
if (nextCalled) {
|
||||
return
|
||||
}
|
||||
if (app.context._errored) {
|
||||
return next()
|
||||
}
|
||||
<% } %>
|
||||
|
||||
<% if (features.layouts) { %>
|
||||
@ -353,8 +376,12 @@ async function render(to, from, next) {
|
||||
<% if (features.middleware) { %>
|
||||
// Call middleware for layout
|
||||
await callMiddleware.call(this, Components, app.context, layout)
|
||||
if (nextCalled) return
|
||||
if (app.context._errored) return next()
|
||||
if (nextCalled) {
|
||||
return
|
||||
}
|
||||
if (app.context._errored) {
|
||||
return next()
|
||||
}
|
||||
<% } %>
|
||||
|
||||
|
||||
@ -514,7 +541,7 @@ async function render(to, from, next) {
|
||||
}
|
||||
|
||||
// Fix components format in matched, it's due to code-splitting of vue-router
|
||||
function normalizeComponents(to, ___) {
|
||||
function normalizeComponents (to, ___) {
|
||||
flatMapComponents(to, (Component, _, match, key) => {
|
||||
if (typeof Component === 'object' && !Component.options) {
|
||||
// Updated via vue-router resolveAsyncComponents()
|
||||
@ -526,7 +553,7 @@ function normalizeComponents(to, ___) {
|
||||
})
|
||||
}
|
||||
|
||||
function showNextPage(to) {
|
||||
function showNextPage (to) {
|
||||
// Hide error component if no error
|
||||
if (this._hadError && this._dateLastError === this.$options.nuxt.dateErr) {
|
||||
this.error()
|
||||
@ -547,15 +574,19 @@ function showNextPage(to) {
|
||||
|
||||
// When navigating on a different route but the same component is used, Vue.js
|
||||
// Will not update the instance data, so we have to update $data ourselves
|
||||
function fixPrepatch(to, ___) {
|
||||
if (this._pathChanged === false && this._queryChanged === false) return
|
||||
function fixPrepatch (to, ___) {
|
||||
if (this._pathChanged === false && this._queryChanged === false) {
|
||||
return
|
||||
}
|
||||
|
||||
const instances = getMatchedComponentsInstances(to)
|
||||
const Components = getMatchedComponents(to)
|
||||
|
||||
Vue.nextTick(() => {
|
||||
instances.forEach((instance, i) => {
|
||||
if (!instance || instance._isDestroyed) return
|
||||
if (!instance || instance._isDestroyed) {
|
||||
return
|
||||
}
|
||||
|
||||
if (
|
||||
instance.constructor._dataRefresh &&
|
||||
@ -582,7 +613,7 @@ function fixPrepatch(to, ___) {
|
||||
})
|
||||
}
|
||||
|
||||
function nuxtReady(_app) {
|
||||
function nuxtReady (_app) {
|
||||
window.<%= globals.readyCallback %>Cbs.forEach((cb) => {
|
||||
if (typeof cb === 'function') {
|
||||
cb(_app)
|
||||
@ -604,7 +635,7 @@ const noopData = () => { return {} }
|
||||
const noopFetch = () => {}
|
||||
|
||||
// Special hot reload with asyncData(context)
|
||||
function getNuxtChildComponents($parent, $components = []) {
|
||||
function getNuxtChildComponents ($parent, $components = []) {
|
||||
$parent.$children.forEach(($child) => {
|
||||
if ($child.$vnode && $child.$vnode.data.nuxtChild && !$components.find(c =>(c.$options.__file === $child.$options.__file))) {
|
||||
$components.push($child)
|
||||
@ -625,7 +656,7 @@ function hotReloadAPI(_app) {
|
||||
$components.forEach(addHotReload.bind(_app))
|
||||
}
|
||||
|
||||
function addHotReload($component, depth) {
|
||||
function addHotReload ($component, depth) {
|
||||
if ($component.$vnode.data._hasHotReload) return
|
||||
$component.$vnode.data._hasHotReload = true
|
||||
|
||||
@ -721,15 +752,12 @@ function addHotReload($component, depth) {
|
||||
}
|
||||
<% } %>
|
||||
|
||||
async function mountApp(__app) {
|
||||
<% if (features.layouts || features.transitions) { %>async <% } %>function mountApp (__app) {
|
||||
// Set global variables
|
||||
app = __app.app
|
||||
router = __app.router
|
||||
<% if (store) { %>store = __app.store<% } %>
|
||||
|
||||
// Resolve route components
|
||||
const Components = await Promise.all(resolveComponents(router))
|
||||
|
||||
// Create Vue instance
|
||||
const _app = new Vue(app)
|
||||
|
||||
@ -759,6 +787,9 @@ async function mountApp(__app) {
|
||||
})
|
||||
}
|
||||
<% if (features.transitions) { %>
|
||||
// Resolve route components
|
||||
const Components = await Promise.all(resolveComponents(router))
|
||||
|
||||
// Enable transitions
|
||||
_app.setTransitions = _app.$options.nuxt.setTransitions.bind(_app)
|
||||
if (Components.length) {
|
||||
@ -768,7 +799,9 @@ async function mountApp(__app) {
|
||||
<% } %>
|
||||
// Initialize error handler
|
||||
_app.$loading = {} // To avoid error while _app.$nuxt does not exist
|
||||
if (NUXT.error) _app.error(NUXT.error)
|
||||
if (NUXT.error) {
|
||||
_app.error(NUXT.error)
|
||||
}
|
||||
|
||||
// Add beforeEach router hooks
|
||||
router.beforeEach(loadAsyncComponents.bind(_app))
|
||||
@ -804,7 +837,9 @@ async function mountApp(__app) {
|
||||
|
||||
// Push the path and let route to be resolved
|
||||
router.push(path, undefined, (err) => {
|
||||
if (err) errorHandler(err)
|
||||
if (err) {
|
||||
errorHandler(err)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<transition appear>
|
||||
<div class="nuxt__build_indicator" :style="indicatorStyle" v-if="building">
|
||||
<div v-if="building" class="nuxt__build_indicator" :style="indicatorStyle">
|
||||
<svg viewBox="0 0 96 72" version="1" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path d="M6 66h23l1-3 21-37L40 6 6 66zM79 66h11L62 17l-5 9 22 37v3zM54 31L35 66h38z"/>
|
||||
<path d="M29 69v-1-2H6L40 6l11 20 3-6L44 3s-2-3-4-3-3 1-5 3L1 63c0 1-2 3 0 6 0 1 2 2 5 2h28c-3 0-4-1-5-2z" fill="#00C58E"/>
|
||||
<path d="M95 63L67 14c0-1-2-3-5-3-1 0-3 0-4 3l-4 6 3 6 5-9 28 49H79a5 5 0 0 1 0 3c-2 2-5 2-5 2h16c1 0 4 0 5-2 1-1 2-3 0-6z" fill="#00C58E"/>
|
||||
<path d="M79 69v-1-2-3L57 26l-3-6-3 6-21 37-1 3a5 5 0 0 0 0 3c1 1 2 2 5 2h40s3 0 5-2zM54 31l19 35H35l19-35z" fill="#FFF" fill-rule="nonzero"/>
|
||||
<path d="M6 66h23l1-3 21-37L40 6 6 66zM79 66h11L62 17l-5 9 22 37v3zM54 31L35 66h38z" />
|
||||
<path d="M29 69v-1-2H6L40 6l11 20 3-6L44 3s-2-3-4-3-3 1-5 3L1 63c0 1-2 3 0 6 0 1 2 2 5 2h28c-3 0-4-1-5-2z" fill="#00C58E" />
|
||||
<path d="M95 63L67 14c0-1-2-3-5-3-1 0-3 0-4 3l-4 6 3 6 5-9 28 49H79a5 5 0 0 1 0 3c-2 2-5 2-5 2h16c1 0 4 0 5-2 1-1 2-3 0-6z" fill="#00C58E" />
|
||||
<path d="M79 69v-1-2-3L57 26l-3-6-3 6-21 37-1 3a5 5 0 0 0 0 3c1 1 2 2 5 2h40s3 0 5-2zM54 31l19 35H35l19-35z" fill="#FFF" fill-rule="nonzero" />
|
||||
</g>
|
||||
</svg>
|
||||
{{ animatedProgress }}%
|
||||
@ -16,39 +16,29 @@
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'nuxt-build-indicator',
|
||||
data() {
|
||||
name: 'NuxtBuildIndicator',
|
||||
data () {
|
||||
return {
|
||||
building: false,
|
||||
progress: 0,
|
||||
animatedProgress: 0,
|
||||
reconnectAttempts: 0,
|
||||
reconnectAttempts: 0
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
if (typeof EventSource === undefined) {
|
||||
return // Unsupported
|
||||
}
|
||||
this.sseConnect()
|
||||
},
|
||||
beforeDestroy() {
|
||||
this.sseClose()
|
||||
clearInterval(this._progressAnimation)
|
||||
},
|
||||
computed: {
|
||||
options: () => (<%= JSON.stringify(buildIndicator) %>),
|
||||
indicatorStyle() {
|
||||
indicatorStyle () {
|
||||
const [ d1, d2 ] = this.options.position.split('-')
|
||||
return {
|
||||
[d1]: '20px',
|
||||
[d2]: '20px',
|
||||
'background-color': this.options.backgroundColor,
|
||||
color: this.options.color,
|
||||
color: this.options.color
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
progress(val, oldVal) {
|
||||
progress (val, oldVal) {
|
||||
// Average progress may decrease but ignore it!
|
||||
if (val < oldVal) {
|
||||
return
|
||||
@ -71,18 +61,30 @@ export default {
|
||||
}, 50)
|
||||
}
|
||||
},
|
||||
mounted () {
|
||||
if (EventSource === undefined) {
|
||||
return // Unsupported
|
||||
}
|
||||
this.sseConnect()
|
||||
},
|
||||
beforeDestroy () {
|
||||
this.sseClose()
|
||||
clearInterval(this._progressAnimation)
|
||||
},
|
||||
methods: {
|
||||
sseConnect() {
|
||||
sseConnect () {
|
||||
if (this._connecting) {
|
||||
return
|
||||
}
|
||||
this._connecting = true
|
||||
this.sse = new EventSource('<%= router.base %>_loading/sse')
|
||||
this.sse.addEventListener('message', (event) => this.onSseMessage(event))
|
||||
this.sse.addEventListener('message', event => this.onSseMessage(event))
|
||||
},
|
||||
onSseMessage(message) {
|
||||
onSseMessage (message) {
|
||||
const data = JSON.parse(message.data)
|
||||
if (!data.states) return
|
||||
if (!data.states) {
|
||||
return
|
||||
}
|
||||
|
||||
this.progress = Math.round(data.states.reduce((p, s) => p + s.progress, 0) / data.states.length)
|
||||
|
||||
@ -98,7 +100,7 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
sseClose() {
|
||||
sseClose () {
|
||||
if (this.sse) {
|
||||
this.sse.close()
|
||||
delete this.sse
|
||||
|
||||
@ -13,7 +13,7 @@ export default {
|
||||
default: undefined
|
||||
}
|
||||
},
|
||||
render(h, { parent, data, props }) {
|
||||
render (h, { parent, data, props }) {
|
||||
<% if (features.transitions) { %>
|
||||
data.nuxtChild = true
|
||||
const _parent = parent
|
||||
|
||||
@ -29,7 +29,7 @@ export default {
|
||||
default: null
|
||||
}
|
||||
},
|
||||
head() {
|
||||
head () {
|
||||
return {
|
||||
title: this.message,
|
||||
meta: [
|
||||
@ -41,10 +41,10 @@ export default {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
statusCode() {
|
||||
statusCode () {
|
||||
return (this.error && this.error.statusCode) || 500
|
||||
},
|
||||
message() {
|
||||
message () {
|
||||
return this.error.message || `<%= messages.client_error %>`
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,9 +6,7 @@ const requestIdleCallback = window.requestIdleCallback ||
|
||||
return setTimeout(function () {
|
||||
cb({
|
||||
didTimeout: false,
|
||||
timeRemaining: function () {
|
||||
return Math.max(0, 50 - (Date.now() - start))
|
||||
}
|
||||
timeRemaining: () => Math.max(0, 50 - (Date.now() - start))
|
||||
})
|
||||
}, 1)
|
||||
}
|
||||
@ -35,19 +33,19 @@ export default {
|
||||
default: '<%= router.linkPrefetchedClass %>'
|
||||
}<% } %>
|
||||
},
|
||||
mounted() {
|
||||
mounted () {
|
||||
if (!this.noPrefetch) {
|
||||
requestIdleCallback(this.observe, { timeout: 2e3 })
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
beforeDestroy () {
|
||||
if (this.__observed) {
|
||||
observer.unobserve(this.$el)
|
||||
delete this.$el.__prefetch
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
observe() {
|
||||
observe () {
|
||||
// If no IntersectionObserver, avoid prefetching
|
||||
if (!observer) {
|
||||
return
|
||||
@ -61,22 +59,22 @@ export default {
|
||||
this.addPrefetchedClass()
|
||||
}<% } %>
|
||||
},
|
||||
shouldPrefetch() {
|
||||
shouldPrefetch () {
|
||||
return this.getPrefetchComponents().length > 0
|
||||
},
|
||||
canPrefetch() {
|
||||
canPrefetch () {
|
||||
const conn = navigator.connection
|
||||
const hasBadConnection = this.<%= globals.nuxt %>.isOffline || (conn && ((conn.effectiveType || '').includes('2g') || conn.saveData))
|
||||
|
||||
return !hasBadConnection
|
||||
},
|
||||
getPrefetchComponents() {
|
||||
getPrefetchComponents () {
|
||||
const ref = this.$router.resolve(this.to, this.$route, this.append)
|
||||
const Components = ref.resolved.matched.map(r => r.components.default)
|
||||
|
||||
return Components.filter(Component => typeof Component === 'function' && !Component.options && !Component.__prefetched)
|
||||
},
|
||||
prefetch() {
|
||||
prefetch () {
|
||||
if (!this.canPrefetch()) {
|
||||
return
|
||||
}
|
||||
@ -93,7 +91,7 @@ export default {
|
||||
}<% if (router.linkPrefetchedClass) { %>
|
||||
this.addPrefetchedClass()<% } %>
|
||||
}<% if (router.linkPrefetchedClass) { %>,
|
||||
addPrefetchedClass() {
|
||||
addPrefetchedClass () {
|
||||
if (this.prefetchedClass !== 'false') {
|
||||
this.$el.className = (this.$el.className + ' ' + this.prefetchedClass).trim()
|
||||
}
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<script>
|
||||
export default {
|
||||
name: 'NuxtLoading',
|
||||
data() {
|
||||
data () {
|
||||
return {
|
||||
percent: 0,
|
||||
show: false,
|
||||
@ -15,7 +15,7 @@ export default {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
left() {
|
||||
left () {
|
||||
if (!this.continuous && !this.rtl) {
|
||||
return false
|
||||
}
|
||||
@ -24,16 +24,16 @@ export default {
|
||||
: (!this.reversed ? '0px' : 'auto')
|
||||
}
|
||||
},
|
||||
beforeDestroy() {
|
||||
beforeDestroy () {
|
||||
this.clear()
|
||||
},
|
||||
methods: {
|
||||
clear() {
|
||||
clear () {
|
||||
clearInterval(this._timer)
|
||||
clearTimeout(this._throttle)
|
||||
this._timer = null
|
||||
},
|
||||
start() {
|
||||
start () {
|
||||
this.clear()
|
||||
this.percent = 0
|
||||
this.reversed = false
|
||||
@ -47,37 +47,37 @@ export default {
|
||||
}
|
||||
return this
|
||||
},
|
||||
set(num) {
|
||||
set (num) {
|
||||
this.show = true
|
||||
this.canSucceed = true
|
||||
this.percent = Math.min(100, Math.max(0, Math.floor(num)))
|
||||
return this
|
||||
},
|
||||
get() {
|
||||
get () {
|
||||
return this.percent
|
||||
},
|
||||
increase(num) {
|
||||
increase (num) {
|
||||
this.percent = Math.min(100, Math.floor(this.percent + num))
|
||||
return this
|
||||
},
|
||||
decrease(num) {
|
||||
decrease (num) {
|
||||
this.percent = Math.max(0, Math.floor(this.percent - num))
|
||||
return this
|
||||
},
|
||||
pause() {
|
||||
pause () {
|
||||
clearInterval(this._timer)
|
||||
return this
|
||||
},
|
||||
resume() {
|
||||
resume () {
|
||||
this.startTimer()
|
||||
return this
|
||||
},
|
||||
finish() {
|
||||
finish () {
|
||||
this.percent = this.reversed ? 0 : 100
|
||||
this.hide()
|
||||
return this
|
||||
},
|
||||
hide() {
|
||||
hide () {
|
||||
this.clear()
|
||||
setTimeout(() => {
|
||||
this.show = false
|
||||
@ -88,11 +88,11 @@ export default {
|
||||
}, 500)
|
||||
return this
|
||||
},
|
||||
fail() {
|
||||
fail () {
|
||||
this.canSucceed = false
|
||||
return this
|
||||
},
|
||||
startTimer() {
|
||||
startTimer () {
|
||||
if (!this.show) {
|
||||
this.show = true
|
||||
}
|
||||
@ -133,7 +133,7 @@ export default {
|
||||
}, 100)
|
||||
}
|
||||
},
|
||||
render(h) {
|
||||
render (h) {
|
||||
let el = h(false)
|
||||
if (this.show) {
|
||||
el = h('div', {
|
||||
|
||||
@ -44,7 +44,7 @@ export default {
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
routerViewKey() {
|
||||
routerViewKey () {
|
||||
// If nuxtChildKey prop is given or current route has children
|
||||
if (typeof this.nuxtChildKey !== 'undefined' || this.$route.matched.length > 1) {
|
||||
return this.nuxtChildKey || compile(this.$route.matched[0].path)(this.$route.params)
|
||||
@ -70,10 +70,10 @@ export default {
|
||||
return strict ? this.$route.path : this.$route.path.replace(/\/$/, '')
|
||||
}
|
||||
},
|
||||
beforeCreate() {
|
||||
beforeCreate () {
|
||||
Vue.util.defineReactive(this, 'nuxt', this.$root.$options.nuxt)
|
||||
},
|
||||
render(h) {
|
||||
render (h) {
|
||||
// if there is no error
|
||||
if (!this.nuxt.err) {
|
||||
// Directly return nuxt child
|
||||
|
||||
@ -24,9 +24,10 @@ Vue.component(ClientOnly.name, ClientOnly)
|
||||
// TODO: Remove in Nuxt 3: <NoSsr>
|
||||
Vue.component(NoSsr.name, {
|
||||
...NoSsr,
|
||||
render(h, ctx) {
|
||||
render (h, ctx) {
|
||||
if (process.client && !NoSsr._warned) {
|
||||
NoSsr._warned = true
|
||||
<%= isTest ? '// eslint-disable-next-line no-console' : '' %>
|
||||
console.warn(`<no-ssr> has been deprecated and will be removed in Nuxt 3, please use <client-only> instead`)
|
||||
}
|
||||
return NoSsr.render(h, ctx)
|
||||
@ -62,7 +63,7 @@ const defaultTransition = <%=
|
||||
%><%= isTest ? '// eslint-disable-line' : '' %>
|
||||
<% } %>
|
||||
|
||||
async function createApp(ssrContext) {
|
||||
async function createApp (ssrContext) {
|
||||
const router = await createRouter(ssrContext)
|
||||
|
||||
<% if (store) { %>
|
||||
@ -87,7 +88,7 @@ async function createApp(ssrContext) {
|
||||
<% if (features.transitions) { %>
|
||||
defaultTransition,
|
||||
transitions: [ defaultTransition ],
|
||||
setTransitions(transitions) {
|
||||
setTransitions (transitions) {
|
||||
if (!Array.isArray(transitions)) {
|
||||
transitions = [ transitions ]
|
||||
}
|
||||
@ -107,7 +108,7 @@ async function createApp(ssrContext) {
|
||||
<% } %>
|
||||
err: null,
|
||||
dateErr: null,
|
||||
error(err) {
|
||||
error (err) {
|
||||
err = err || null
|
||||
app.context._errored = Boolean(err)
|
||||
err = err ? normalizeError(err) : null
|
||||
@ -115,7 +116,9 @@ async function createApp(ssrContext) {
|
||||
nuxt.dateErr = Date.now()
|
||||
nuxt.err = err
|
||||
// Used in src/server.js
|
||||
if (ssrContext) ssrContext.nuxt.error = err
|
||||
if (ssrContext) {
|
||||
ssrContext.nuxt.error = err
|
||||
}
|
||||
return err
|
||||
}
|
||||
},
|
||||
@ -150,8 +153,13 @@ async function createApp(ssrContext) {
|
||||
|
||||
<% if (plugins.length) { %>
|
||||
const inject = function (key, value) {
|
||||
if (!key) throw new Error('inject(key, value) has no key provided')
|
||||
if (typeof value === 'undefined') throw new Error('inject(key, value) has no value provided')
|
||||
if (!key) {
|
||||
throw new Error('inject(key, value) has no key provided')
|
||||
}
|
||||
if (value === undefined) {
|
||||
throw new Error('inject(key, value) has no value provided')
|
||||
}
|
||||
|
||||
key = '$' + key
|
||||
// Add into app
|
||||
app[key] = value
|
||||
@ -161,13 +169,15 @@ async function createApp(ssrContext) {
|
||||
<% } %>
|
||||
// Check if plugin not already installed
|
||||
const installKey = '__<%= globals.pluginPrefix %>_' + key + '_installed__'
|
||||
if (Vue[installKey]) return
|
||||
if (Vue[installKey]) {
|
||||
return
|
||||
}
|
||||
Vue[installKey] = true
|
||||
// Call Vue.use() to install the plugin into vm
|
||||
Vue.use(() => {
|
||||
if (!Vue.prototype.hasOwnProperty(key)) {
|
||||
Object.defineProperty(Vue.prototype, key, {
|
||||
get() {
|
||||
get () {
|
||||
return this.$root.$options[key]
|
||||
}
|
||||
})
|
||||
|
||||
@ -1,11 +1,12 @@
|
||||
const middleware = {}
|
||||
<%= isTest ? '/* eslint-disable dot-notation */' : '' %>
|
||||
<% for (const m of middleware) {
|
||||
// TODO: remove duplicate logic in v3 (see builder.resolveMiddleware)
|
||||
const name = m.name || m.src.replace(new RegExp(`\\.(${extensions})$`), '')
|
||||
const dst = m.dst || relativeToBuild(srcDir, dir.middleware, m.src)
|
||||
%>
|
||||
middleware['<%= name %>'] = require('<%= dst %>');
|
||||
middleware['<%= name %>'] = require('<%= dst %>')
|
||||
middleware['<%= name %>'] = middleware['<%= name %>'].default || middleware['<%= name %>']
|
||||
<% } %>
|
||||
|
||||
<%= isTest ? '/* eslint-enable dot-notation */' : '' %>
|
||||
export default middleware
|
||||
|
||||
@ -68,7 +68,7 @@ import scrollBehavior from './router.scrollBehavior.js'
|
||||
return res
|
||||
}
|
||||
const _components = []
|
||||
const _routes = recursiveRoutes(router.routes, ' ', _components, 2)
|
||||
const _routes = recursiveRoutes(router.routes, ' ', _components, 1)
|
||||
%><%= uniqBy(_components, '_name').map((route) => {
|
||||
if (!route.component) return ''
|
||||
const path = relativeToBuild(route.component)
|
||||
@ -98,6 +98,6 @@ export const routerOptions = {
|
||||
fallback: <%= router.fallback %>
|
||||
}
|
||||
|
||||
export function createRouter() {
|
||||
export function createRouter () {
|
||||
return new Router(routerOptions)
|
||||
}
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
<% if (router.scrollBehavior) { %>
|
||||
<%= isTest ? '/* eslint-disable quotes, semi, indent, comma-spacing, key-spacing, object-curly-spacing, space-before-function-paren */' : '' %>
|
||||
export default <%= serializeFunction(router.scrollBehavior) %>
|
||||
<%= isTest ? '/* eslint-enable quotes, semi, indent, comma-spacing, key-spacing, object-curly-spacing, space-before-function-paren */' : '' %>
|
||||
<% } else { %>import { getMatchedComponents } from './utils'
|
||||
|
||||
if (process.client) {
|
||||
@ -67,6 +69,7 @@ export default function (to, from, savedPosition) {
|
||||
position = { selector: hash }
|
||||
}
|
||||
} catch (e) {
|
||||
<%= isTest ? '// eslint-disable-next-line no-console' : '' %>
|
||||
console.warn('Failed to save scroll position. Please add CSS.escape() polyfill (https://github.com/mathiasbynens/CSS.escape).')
|
||||
}
|
||||
}
|
||||
|
||||
@ -5,11 +5,11 @@ import Vue from 'vue'
|
||||
import {
|
||||
<% if (features.asyncData) { %>applyAsyncData,<% } %>
|
||||
<% if (features.middleware) { %>middlewareSeries,<% } %>
|
||||
<% if (features.middleware && features.layouts) { %>sanitizeComponent,<% } %>
|
||||
getMatchedComponents,
|
||||
promisify,
|
||||
sanitizeComponent
|
||||
promisify
|
||||
} from './utils.js'
|
||||
import { createApp, NuxtError } from './index.js'
|
||||
import { createApp<% if (features.layouts) { %>, NuxtError<% } %> } from './index.js'
|
||||
import NuxtLink from './components/nuxt-link.server.js' // should be included after ./index.js
|
||||
|
||||
// Component: <NuxtLink>
|
||||
@ -20,7 +20,7 @@ Vue.component(NuxtLink.name, NuxtLink)
|
||||
|
||||
const noopApp = () => new Vue({ render: h => h('div') })
|
||||
|
||||
function urlJoin() {
|
||||
function urlJoin () {
|
||||
return Array.prototype.slice.call(arguments).join('/').replace(/\/+/g, '/')
|
||||
}
|
||||
|
||||
@ -114,13 +114,17 @@ export default async (ssrContext) => {
|
||||
try {
|
||||
await store.dispatch('nuxtServerInit', app.context)
|
||||
} catch (err) {
|
||||
console.debug('Error occurred when calling nuxtServerInit: ', err.message)
|
||||
console.debug('Error occurred when calling nuxtServerInit: ', err.message)<%= isTest ? '// eslint-disable-line no-console' : '' %>
|
||||
throw err
|
||||
}
|
||||
}
|
||||
// ...If there is a redirect or an error, stop the process
|
||||
if (ssrContext.redirected) return noopApp()
|
||||
if (ssrContext.nuxt.error) return renderErrorPage()
|
||||
if (ssrContext.redirected) {
|
||||
return noopApp()
|
||||
}
|
||||
if (ssrContext.nuxt.error) {
|
||||
return renderErrorPage()
|
||||
}
|
||||
<% } %>
|
||||
|
||||
<% if (features.middleware) { %>
|
||||
@ -129,7 +133,9 @@ export default async (ssrContext) => {
|
||||
*/
|
||||
let midd = <%= serialize(router.middleware).replace('middleware(', 'function(') %><%= isTest ? '// eslint-disable-line' : '' %>
|
||||
midd = midd.map((name) => {
|
||||
if (typeof name === 'function') return name
|
||||
if (typeof name === 'function') {
|
||||
return name
|
||||
}
|
||||
if (typeof middleware[name] !== 'function') {
|
||||
app.context.error({ statusCode: 500, message: 'Unknown middleware ' + name })
|
||||
}
|
||||
@ -137,8 +143,12 @@ export default async (ssrContext) => {
|
||||
})
|
||||
await middlewareSeries(midd, app.context)
|
||||
// ...If there is a redirect or an error, stop the process
|
||||
if (ssrContext.redirected) return noopApp()
|
||||
if (ssrContext.nuxt.error) return renderErrorPage()
|
||||
if (ssrContext.redirected) {
|
||||
return noopApp()
|
||||
}
|
||||
if (ssrContext.nuxt.error) {
|
||||
return renderErrorPage()
|
||||
}
|
||||
<% } %>
|
||||
|
||||
<% if (features.layouts) { %>
|
||||
@ -146,9 +156,13 @@ export default async (ssrContext) => {
|
||||
** Set layout
|
||||
*/
|
||||
let layout = Components.length ? Components[0].options.layout : NuxtError.layout
|
||||
if (typeof layout === 'function') layout = layout(app.context)
|
||||
if (typeof layout === 'function') {
|
||||
layout = layout(app.context)
|
||||
}
|
||||
await _app.loadLayout(layout)
|
||||
if (ssrContext.nuxt.error) return renderErrorPage()
|
||||
if (ssrContext.nuxt.error) {
|
||||
return renderErrorPage()
|
||||
}
|
||||
layout = _app.setLayout(layout)
|
||||
ssrContext.nuxt.layout = _app.layoutName
|
||||
<% } %>
|
||||
@ -170,7 +184,9 @@ export default async (ssrContext) => {
|
||||
}
|
||||
})
|
||||
midd = midd.map((name) => {
|
||||
if (typeof name === 'function') return name
|
||||
if (typeof name === 'function') {
|
||||
return name
|
||||
}
|
||||
if (typeof middleware[name] !== 'function') {
|
||||
app.context.error({ statusCode: 500, message: 'Unknown middleware ' + name })
|
||||
}
|
||||
@ -178,8 +194,12 @@ export default async (ssrContext) => {
|
||||
})
|
||||
await middlewareSeries(midd, app.context)
|
||||
// ...If there is a redirect or an error, stop the process
|
||||
if (ssrContext.redirected) return noopApp()
|
||||
if (ssrContext.nuxt.error) return renderErrorPage()
|
||||
if (ssrContext.redirected) {
|
||||
return noopApp()
|
||||
}
|
||||
if (ssrContext.nuxt.error) {
|
||||
return renderErrorPage()
|
||||
}
|
||||
<% } %>
|
||||
|
||||
<% if (features.validate) { %>
|
||||
@ -211,14 +231,18 @@ export default async (ssrContext) => {
|
||||
// ...If .validate() returned false
|
||||
if (!isValid) {
|
||||
// Don't server-render the page in generate mode
|
||||
if (ssrContext._generate) ssrContext.nuxt.serverRendered = false
|
||||
if (ssrContext._generate) {
|
||||
ssrContext.nuxt.serverRendered = false
|
||||
}
|
||||
// Render a 404 error page
|
||||
return render404Page()
|
||||
}
|
||||
<% } %>
|
||||
|
||||
// If no Components found, returns 404
|
||||
if (!Components.length) return render404Page()
|
||||
if (!Components.length) {
|
||||
return render404Page()
|
||||
}
|
||||
|
||||
<% if (features.asyncData || features.fetch) { %>
|
||||
// Call asyncData & fetch hooks on components matched by the route.
|
||||
@ -252,15 +276,19 @@ export default async (ssrContext) => {
|
||||
return Promise.all(promises)
|
||||
}))
|
||||
|
||||
<% if (debug) { %>if (process.env.DEBUG && asyncDatas.length)console.debug('Data fetching ' + ssrContext.url + ': ' + (Date.now() - s) + 'ms')<% } %>
|
||||
<% if (debug) { %>if (process.env.DEBUG && asyncDatas.length) console.debug('Data fetching ' + ssrContext.url + ': ' + (Date.now() - s) + 'ms')<% } %>
|
||||
|
||||
// datas are the first row of each
|
||||
ssrContext.nuxt.data = asyncDatas.map(r => r[0] || {})
|
||||
<% } %>
|
||||
|
||||
// ...If there is a redirect or an error, stop the process
|
||||
if (ssrContext.redirected) return noopApp()
|
||||
if (ssrContext.nuxt.error) return renderErrorPage()
|
||||
if (ssrContext.redirected) {
|
||||
return noopApp()
|
||||
}
|
||||
if (ssrContext.nuxt.error) {
|
||||
return renderErrorPage()
|
||||
}
|
||||
|
||||
// Call beforeNuxtRender methods & add store state
|
||||
await beforeRender()
|
||||
|
||||
@ -3,10 +3,14 @@ import Vuex from 'vuex'
|
||||
|
||||
Vue.use(Vuex)
|
||||
|
||||
<%
|
||||
const willResolveStoreModules = storeModules.some(s => s.src.indexOf('index.') !== 0)
|
||||
if (willResolveStoreModules) { %>
|
||||
const VUEX_PROPERTIES = ['state', 'getters', 'actions', 'mutations']
|
||||
<% } %>
|
||||
let store = {}
|
||||
|
||||
void (function updateModules() {
|
||||
void (function updateModules () {
|
||||
<% storeModules.some(s => {
|
||||
if(s.src.indexOf('index.') === 0) { %>
|
||||
store = normalizeRoot(require('<%= relativeToBuild(srcDir, dir.store, s.src) %>'), '<%= dir.store %>/<%= s.src %>')
|
||||
@ -15,6 +19,7 @@ void (function updateModules() {
|
||||
// If store is an exported method = classic mode (deprecated)
|
||||
<% if (isDev) { %>
|
||||
if (typeof store === 'function') {
|
||||
<%= isTest ? '// eslint-disable-next-line no-console' : '' %>
|
||||
return console.warn('Classic mode for store/ is deprecated and will be removed in Nuxt 3.')
|
||||
}<% } %>
|
||||
|
||||
@ -47,7 +52,34 @@ export const createStore = store instanceof Function ? store : () => {
|
||||
}, store))
|
||||
}
|
||||
|
||||
function resolveStoreModules(moduleData, filename) {
|
||||
function normalizeRoot (moduleData, filePath) {
|
||||
moduleData = moduleData.default || moduleData
|
||||
|
||||
if (moduleData.commit) {
|
||||
throw new Error(`[nuxt] ${filePath} should export a method that returns a Vuex instance.`)
|
||||
}
|
||||
|
||||
if (typeof moduleData !== 'function') {
|
||||
// Avoid TypeError: setting a property that has only a getter when overwriting top level keys
|
||||
moduleData = Object.assign({}, moduleData)
|
||||
}
|
||||
return normalizeModule(moduleData, filePath)
|
||||
}
|
||||
|
||||
function normalizeModule (moduleData, filePath) {
|
||||
if (moduleData.state && typeof moduleData.state !== 'function') {
|
||||
<%= isTest ? '// eslint-disable-next-line no-console' : '' %>
|
||||
console.warn(`'state' should be a method that returns an object in ${filePath}`)
|
||||
|
||||
const state = Object.assign({}, moduleData.state)
|
||||
// Avoid TypeError: setting a property that has only a getter when overwriting top level keys
|
||||
moduleData = Object.assign({}, moduleData, { state: () => state })
|
||||
}
|
||||
return moduleData
|
||||
}
|
||||
|
||||
<% if (willResolveStoreModules) { %>
|
||||
function resolveStoreModules (moduleData, filename) {
|
||||
moduleData = moduleData.default || moduleData
|
||||
// Remove store src + extension (./foo/index.js -> foo/index)
|
||||
const namespace = filename.replace(/\.(<%= extensions %>)$/, '')
|
||||
@ -87,22 +119,9 @@ function resolveStoreModules(moduleData, filename) {
|
||||
}
|
||||
}
|
||||
|
||||
function normalizeRoot(moduleData, filePath) {
|
||||
moduleData = moduleData.default || moduleData
|
||||
|
||||
if (moduleData.commit) {
|
||||
throw new Error(`[nuxt] ${filePath} should export a method that returns a Vuex instance.`)
|
||||
}
|
||||
|
||||
if (typeof moduleData !== 'function') {
|
||||
// Avoid TypeError: setting a property that has only a getter when overwriting top level keys
|
||||
moduleData = Object.assign({}, moduleData)
|
||||
}
|
||||
return normalizeModule(moduleData, filePath)
|
||||
}
|
||||
|
||||
function normalizeState(moduleData, filePath) {
|
||||
function normalizeState (moduleData, filePath) {
|
||||
if (typeof moduleData !== 'function') {
|
||||
<%= isTest ? '// eslint-disable-next-line no-console' : '' %>
|
||||
console.warn(`${filePath} should export a method that returns an object`)
|
||||
const state = Object.assign({}, moduleData)
|
||||
return () => state
|
||||
@ -110,17 +129,7 @@ function normalizeState(moduleData, filePath) {
|
||||
return normalizeModule(moduleData, filePath)
|
||||
}
|
||||
|
||||
function normalizeModule(moduleData, filePath) {
|
||||
if (moduleData.state && typeof moduleData.state !== 'function') {
|
||||
console.warn(`'state' should be a method that returns an object in ${filePath}`)
|
||||
const state = Object.assign({}, moduleData.state)
|
||||
// Avoid TypeError: setting a property that has only a getter when overwriting top level keys
|
||||
moduleData = Object.assign({}, moduleData, { state: () => state })
|
||||
}
|
||||
return moduleData
|
||||
}
|
||||
|
||||
function getStoreModule(storeModule, namespaces, { isProperty = false } = {}) {
|
||||
function getStoreModule (storeModule, namespaces, { isProperty = false } = {}) {
|
||||
// If ./mutations.js
|
||||
if (!namespaces.length || (isProperty && namespaces.length === 1)) {
|
||||
return storeModule
|
||||
@ -135,8 +144,10 @@ function getStoreModule(storeModule, namespaces, { isProperty = false } = {}) {
|
||||
return getStoreModule(storeModule.modules[namespace], namespaces, { isProperty })
|
||||
}
|
||||
|
||||
function mergeProperty(storeModule, moduleData, property) {
|
||||
if (!moduleData) return
|
||||
function mergeProperty (storeModule, moduleData, property) {
|
||||
if (!moduleData) {
|
||||
return
|
||||
}
|
||||
|
||||
if (property === 'state') {
|
||||
storeModule.state = moduleData || storeModule.state
|
||||
@ -144,3 +155,4 @@ function mergeProperty(storeModule, moduleData, property) {
|
||||
storeModule[property] = Object.assign({}, storeModule[property], moduleData)
|
||||
}
|
||||
}
|
||||
<% } %>
|
||||
|
||||
@ -9,20 +9,20 @@ if (process.client) {
|
||||
}
|
||||
}
|
||||
|
||||
export function empty() {}
|
||||
export function empty () {}
|
||||
|
||||
export function globalHandleError(error) {
|
||||
export function globalHandleError (error) {
|
||||
if (Vue.config.errorHandler) {
|
||||
Vue.config.errorHandler(error)
|
||||
}
|
||||
}
|
||||
|
||||
export function interopDefault(promise) {
|
||||
export function interopDefault (promise) {
|
||||
return promise.then(m => m.default || m)
|
||||
}
|
||||
|
||||
<% if (features.asyncData) { %>
|
||||
export function applyAsyncData(Component, asyncData) {
|
||||
export function applyAsyncData (Component, asyncData) {
|
||||
if (
|
||||
// For SSR, we once all this function without second param to just apply asyncData
|
||||
// Prevent doing this for each SSR request
|
||||
@ -50,7 +50,7 @@ export function applyAsyncData(Component, asyncData) {
|
||||
}
|
||||
<% } %>
|
||||
|
||||
export function sanitizeComponent(Component) {
|
||||
export function sanitizeComponent (Component) {
|
||||
// If Component already sanitized
|
||||
if (Component.options && Component._Ctor === Component) {
|
||||
return Component
|
||||
@ -69,7 +69,7 @@ export function sanitizeComponent(Component) {
|
||||
return Component
|
||||
}
|
||||
|
||||
export function getMatchedComponents(route, matches = false, prop = 'components') {
|
||||
export function getMatchedComponents (route, matches = false, prop = 'components') {
|
||||
return Array.prototype.concat.apply([], route.matched.map((m, index) => {
|
||||
return Object.keys(m[prop]).map((key) => {
|
||||
matches && matches.push(index)
|
||||
@ -78,11 +78,11 @@ export function getMatchedComponents(route, matches = false, prop = 'components'
|
||||
}))
|
||||
}
|
||||
|
||||
export function getMatchedComponentsInstances(route, matches = false) {
|
||||
export function getMatchedComponentsInstances (route, matches = false) {
|
||||
return getMatchedComponents(route, matches, 'instances')
|
||||
}
|
||||
|
||||
export function flatMapComponents(route, fn) {
|
||||
export function flatMapComponents (route, fn) {
|
||||
return Array.prototype.concat.apply([], route.matched.map((m, index) => {
|
||||
return Object.keys(m.components).reduce((promises, key) => {
|
||||
if (m.components[key]) {
|
||||
@ -95,7 +95,7 @@ export function flatMapComponents(route, fn) {
|
||||
}))
|
||||
}
|
||||
|
||||
export function resolveRouteComponents(route, fn) {
|
||||
export function resolveRouteComponents (route, fn) {
|
||||
return Promise.all(
|
||||
flatMapComponents(route, async (Component, instance, match, key) => {
|
||||
// If component is a function, resolve it
|
||||
@ -108,7 +108,7 @@ export function resolveRouteComponents(route, fn) {
|
||||
)
|
||||
}
|
||||
|
||||
export async function getRouteData(route) {
|
||||
export async function getRouteData (route) {
|
||||
if (!route) {
|
||||
return
|
||||
}
|
||||
@ -123,7 +123,7 @@ export async function getRouteData(route) {
|
||||
}
|
||||
}
|
||||
|
||||
export async function setContext(app, context) {
|
||||
export async function setContext (app, context) {
|
||||
// If context not defined, create it
|
||||
if (!app.context) {
|
||||
app.context = {
|
||||
@ -217,7 +217,7 @@ export async function setContext(app, context) {
|
||||
app.context.query = app.context.route.query || {}
|
||||
}
|
||||
<% if (features.middleware) { %>
|
||||
export function middlewareSeries(promises, appContext) {
|
||||
export function middlewareSeries (promises, appContext) {
|
||||
if (!promises.length || appContext._redirected || appContext._errored) {
|
||||
return Promise.resolve()
|
||||
}
|
||||
@ -227,7 +227,7 @@ export function middlewareSeries(promises, appContext) {
|
||||
})
|
||||
}
|
||||
<% } %>
|
||||
export function promisify(fn, context) {
|
||||
export function promisify (fn, context) {
|
||||
<% if (features.deprecations) { %>
|
||||
let promise
|
||||
if (fn.length === 2) {
|
||||
@ -250,7 +250,7 @@ export function promisify(fn, context) {
|
||||
promise = fn(context)
|
||||
}
|
||||
<% } else { %>
|
||||
const promise = fn(context)
|
||||
const promise = fn(context)
|
||||
<% } %>
|
||||
if (promise && promise instanceof Promise && typeof promise.then === 'function') {
|
||||
return promise
|
||||
@ -259,7 +259,7 @@ export function promisify(fn, context) {
|
||||
}
|
||||
|
||||
// Imported from vue-router
|
||||
export function getLocation(base, mode) {
|
||||
export function getLocation (base, mode) {
|
||||
let path = decodeURI(window.location.pathname)
|
||||
if (mode === 'hash') {
|
||||
return window.location.hash.replace(/^#\//, '')
|
||||
@ -279,11 +279,11 @@ export function getLocation(base, mode) {
|
||||
* @param {Object=} options
|
||||
* @return {!function(Object=, Object=)}
|
||||
*/
|
||||
export function compile(str, options) {
|
||||
export function compile (str, options) {
|
||||
return tokensToFunction(parse(str, options))
|
||||
}
|
||||
|
||||
export function getQueryDiff(toQuery, fromQuery) {
|
||||
export function getQueryDiff (toQuery, fromQuery) {
|
||||
const diff = {}
|
||||
const queries = { ...toQuery, ...fromQuery }
|
||||
for (const k in queries) {
|
||||
@ -294,7 +294,7 @@ export function getQueryDiff(toQuery, fromQuery) {
|
||||
return diff
|
||||
}
|
||||
|
||||
export function normalizeError(err) {
|
||||
export function normalizeError (err) {
|
||||
let message
|
||||
if (!(err.message || typeof err === 'string')) {
|
||||
try {
|
||||
@ -337,7 +337,7 @@ const PATH_REGEXP = new RegExp([
|
||||
* @param {Object=} options
|
||||
* @return {!Array}
|
||||
*/
|
||||
function parse(str, options) {
|
||||
function parse (str, options) {
|
||||
const tokens = []
|
||||
let key = 0
|
||||
let index = 0
|
||||
@ -409,7 +409,7 @@ function parse(str, options) {
|
||||
* @param {string}
|
||||
* @return {string}
|
||||
*/
|
||||
function encodeURIComponentPretty(str, slashAllowed) {
|
||||
function encodeURIComponentPretty (str, slashAllowed) {
|
||||
const re = slashAllowed ? /[?#]/g : /[/?#]/g
|
||||
return encodeURI(str).replace(re, (c) => {
|
||||
return '%' + c.charCodeAt(0).toString(16).toUpperCase()
|
||||
@ -422,7 +422,7 @@ function encodeURIComponentPretty(str, slashAllowed) {
|
||||
* @param {string}
|
||||
* @return {string}
|
||||
*/
|
||||
function encodeAsterisk(str) {
|
||||
function encodeAsterisk (str) {
|
||||
return encodeURIComponentPretty(str, true)
|
||||
}
|
||||
|
||||
@ -432,7 +432,7 @@ function encodeAsterisk(str) {
|
||||
* @param {string} str
|
||||
* @return {string}
|
||||
*/
|
||||
function escapeString(str) {
|
||||
function escapeString (str) {
|
||||
return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, '\\$1')
|
||||
}
|
||||
|
||||
@ -442,14 +442,14 @@ function escapeString(str) {
|
||||
* @param {string} group
|
||||
* @return {string}
|
||||
*/
|
||||
function escapeGroup(group) {
|
||||
function escapeGroup (group) {
|
||||
return group.replace(/([=!:$/()])/g, '\\$1')
|
||||
}
|
||||
|
||||
/**
|
||||
* Expose a method for transforming tokens into the path function.
|
||||
*/
|
||||
function tokensToFunction(tokens) {
|
||||
function tokensToFunction (tokens) {
|
||||
// Compile all the tokens into regexps.
|
||||
const matches = new Array(tokens.length)
|
||||
|
||||
@ -537,7 +537,7 @@ function tokensToFunction(tokens) {
|
||||
* @param {string} query
|
||||
* @return {string}
|
||||
*/
|
||||
function formatUrl(url, query) {
|
||||
function formatUrl (url, query) {
|
||||
<% if (features.clientUseUrl) { %>
|
||||
url = new URL(url, top.location.href)
|
||||
for (const key in query) {
|
||||
@ -592,7 +592,7 @@ function formatUrl(url, query) {
|
||||
* @param {object} query
|
||||
* @return {string}
|
||||
*/
|
||||
function formatQuery(query) {
|
||||
function formatQuery (query) {
|
||||
return Object.keys(query).sort().map((key) => {
|
||||
const val = query[key]
|
||||
if (val == null) {
|
||||
|
||||
@ -98,7 +98,9 @@
|
||||
<script>
|
||||
window.addEventListener('error', function () {
|
||||
var e = document.getElementById('nuxt-loading');
|
||||
if (e) e.className += ' error';
|
||||
if (e) {
|
||||
e.className += ' error';
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
@ -21,7 +21,7 @@ describe('nuxt minimal vue-app bundle size limit', () => {
|
||||
const filter = filename => filename === 'vue-app.nuxt.js'
|
||||
const legacyResourcesSize = await getResourcesSize(distDir, 'client', { filter })
|
||||
|
||||
const LEGACY_JS_RESOURCES_KB_SIZE = 15.8
|
||||
const LEGACY_JS_RESOURCES_KB_SIZE = 15.2
|
||||
expect(legacyResourcesSize.uncompressed).toBeWithinSize(LEGACY_JS_RESOURCES_KB_SIZE)
|
||||
})
|
||||
})
|
||||
|
||||
@ -4615,10 +4615,10 @@ eslint-module-utils@^2.4.0:
|
||||
debug "^2.6.8"
|
||||
pkg-dir "^2.0.0"
|
||||
|
||||
eslint-multiplexer@^1.0.4:
|
||||
version "1.0.4"
|
||||
resolved "https://registry.npmjs.org/eslint-multiplexer/-/eslint-multiplexer-1.0.4.tgz#4dde202fa2c9edc2ee802ab4b8fdb02a49b6d596"
|
||||
integrity sha512-KdakcevBFb6n4VQBRY7u+wFqyREzz1QYJRuuPNHUcK5hN1XOikJIEC5Qf+28ZRIvHkoxiw/CW//LNAAyQzxaiQ==
|
||||
eslint-multiplexer@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.npmjs.org/eslint-multiplexer/-/eslint-multiplexer-2.0.0.tgz#34d00218f5027b417b89a4add81f1536d4197a7d"
|
||||
integrity sha512-hZA86lQ6d3srMwVlEjYVsX24mk/AImm4zL0r0AR8jNsJYoznQT7O2xgeaT6gNsLIxzRP79VkpeMVRxu4+GRWOA==
|
||||
dependencies:
|
||||
cross-spawn "^6.0.5"
|
||||
minimist "^1.2.0"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user