Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: also set ssrAppId for first Vue app when ssrAttribute exists #563

Merged
merged 1 commit into from
May 26, 2020

Conversation

pimlie
Copy link
Collaborator

@pimlie pimlie commented May 16, 2020

This should resolve #404 and resolve #562

@kevinmarrec Would this fix be an issue with Vuetify? I know previously we had issues with that because they start new Vueapp's for modals etc. But I would guess that if you use Vuetify with SSR the Vue app that uses Vuetify will be initiated first?

I feel this fix is a bit hacky, but I dont think there is a proper way that vue-meta can currently pass the appId from ssr to the client without introducing a breaking change. This fix should handle like 99+% of the normal use-cases (if Vuetify plays along).

(The reverts are just because I first pushed on master, but then decided it was better to do a PR first)

// do see our own ssrAttribute then _assume_ the Vue app with appId 1 is the ssr app
// attempted fix for #404 & #562, but we rly need to refactor how we pass appIds from
// ssr to the client
if (!wasServerRendered && $root[rootConfigKey] && $root[rootConfigKey].appId === 1) {
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This if is the possible hacky part

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this.$el.hasAttribute('data-server-rendered') will work only for Vue 2 anyway

@njam
Copy link

njam commented May 17, 2020

I can't say much about the correctness of the detection of wasServerRendered.

But I can confirm that this fixes #562 (Nuxt SSR).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Duplicate html "lang" attribute on page redirect from SSR vue-meta duplicating tags on SSR hydration
5 participants