Zengtudor/Nuxt
1
0
Fork 0
mirror of https://github.com/nuxt/nuxt.git synced 2024-11-27 08:02:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(vue-app): add prefetched class to <nuxt-link> after chunk loaded (#6623)

Browse Source
This commit is contained in:
Sébastien Chopin 2019-10-28 15:32:24 +01:00 committed by Pooya Parsa
parent e3054314a9
commit 9f921fe136
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/vue-app/template/components/nuxt-link.client.js
View File

@ -92,15 +92,18 @@ export default {
// Stop observing this link (in case of internet connection changes) // Stop observing this link (in case of internet connection changes)
observer.unobserve(this.$el) observer.unobserve(this.$el)
const Components = this.getPrefetchComponents() const Components = this.getPrefetchComponents()
<% if (router.linkPrefetchedClass) { %>const promises = []<% } %>
for (const Component of Components) { for (const Component of Components) {
const componentOrPromise = Component() const componentOrPromise = Component()
if (componentOrPromise instanceof Promise) { if (componentOrPromise instanceof Promise) {
componentOrPromise.catch(() => {}) componentOrPromise.catch(() => {})
<% if (router.linkPrefetchedClass) { %>promises.push(componentOrPromise)<% } %>
} }
Component.__prefetched = true Component.__prefetched = true
}<% if (router.linkPrefetchedClass) { %> }<% if (router.linkPrefetchedClass) { %>
this.addPrefetchedClass()<% } %> return Promise.all(promises).then(() => this.addPrefetchedClass())
<% } %>
}<% if (router.linkPrefetchedClass) { %>, }<% if (router.linkPrefetchedClass) { %>,
addPrefetchedClass () { addPrefetchedClass () {
if (this.prefetchedClass !== 'false') { if (this.prefetchedClass !== 'false') {