paulgv / nuxt-vuex-router-sync Goto Github PK

Currently this module is loaded with ssr: false.
If I access the rootState.route for some reason during the SSR (i.e. in a getter function), the route store is not available causing issues in the SSR rendered page.

[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content
...

Putting ssr: true, solves the issue with no drawbacks

I'm getting an error in the new nuxt release.

Hello! I have implemented similar solutions and applied the following to store/index.js
Just share here in case anyone needed

Because by the time if loading the computed property by Nuxt, it is not yet mounted, so any after-mount property for non-ssr environment such as `this.$store.state.route.path is not yet available.

// store/index.js
// tested on [email protected]
import { sync } from 'vuex-router-sync'

export default {
  actions: {
    async nuxtServerInit ({ dispatch }, { app }) {
      console.log('nuxtServerInit in index');
      sync(app.store, app.router); // for life cycle such as computed value which is before mounted
    }
  }
}

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Datasource	Name	Replacement PR?
npm	eslint-plugin-standard

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• chore(deps): update all non-major dependencies (eslint-config-standard, eslint-plugin-import, eslint-plugin-jest, eslint-plugin-node, eslint-plugin-promise, eslint-plugin-standard, eslint-plugin-vue, jest, nuxt)
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency eslint-config-standard to v17
• chore(deps): update dependency eslint-plugin-jest to v28
• chore(deps): update dependency eslint-plugin-promise to v6
• chore(deps): update dependency eslint-plugin-standard to v5
• chore(deps): update dependency eslint-plugin-vue to v9
• chore(deps): update dependency jest to v29
• chore(deps): update dependency nuxt to v3
• chore(deps): lock file maintenance
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository