Когда мы используем Nuxt и Vuex Store, будут ли значения совместно использоваться разными страницами?

Мы хотим поделиться значениями между разными страницами. Мы попробовали это следующими способами.

На той же странице State возвращал правильное значение, но на разных страницах State не устанавливалось. Мы делаем что-то не так? Или Vuex Store не может обмениваться значениями между страницами?

Мы заменили их упрощенными кодами для этого вопроса. Коды, вызывающие проблему, более сложны.

/store/index.js

const NOT_SET = null

export const state = () => ({
  value: NOT_SET,
})

export const mutations = {
  setValue(state, value) {
    state.value = value
  },
}

/pages/index.vue

<script>
import { mapState, mapMutations } from 'vuex'

export default {
  computed: {
    ...mapState(['value']),
  },
  mounted() {
    this.setValue(100)
  },
  methods: {
    ...mapMutations(['setValue']),
  },
}
</script>

/pages/_XXX/index.vue

<script>
import { mapState } from 'vuex'

export default {
  computed: {
    ...mapState(['value']),
  },
}
</script>