Summary

This refactors the nuxtClientInit action so that mutations are explicitly invoked in the store instead of utilizing Object.defineProperty() to modify the root state.

Fixes #11081

Technical notes summary

Vue 3 wraps the store's state object with a proxy to make it reactive, and the proxy's target object has its properties marked as non-writable and non-configurable. In order to resolve this issue, we make use of accepted Vuex patterns for modifying state.

Areas or cases that should be tested

This is the core store module, so we will need to test anything that utilizes the $router, $route, and $plugin state that's defined within the store.

Areas which could experience regressions

Anything that accesses the $router, $route, or $plugin states stored in the store.

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes