[Vuejs]-Vue async component SSR rehydration

0👍

When using dynamically loaded components recursively you have to add :key to each but that was not my problem. My problem lied in webpack loaded which could not handle two includes when in recursive mode. Ended up in circular dependency error. Even with loading method lazy.
Fixed by registering this component globally as a plugin (nuxt, but can be just loaded in app.vue with Vue.component. This way webpack does not try to load for the second and we can just use components that are already registered. Previous approach resulted resulted in rehydration of all recursive components on every page load.

Leave a comment