Nuxt•3y ago

layout logic failing

    <doc-menu v-if="useRoute().name === 'doc-article'">
      <slot />
    </doc-menu>
    <slot v-else />

    <doc-menu v-if="useRoute().name === 'doc-article'">
      <slot />
    </doc-menu>
    <slot v-else />

this generates JS errors and fires off the page vue component twice

Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

manniL•1/19/23, 8:08 AM

Hey! When the layout is rendered, it does not have knowledge about the route yet (on the server).
But when the state is serialized, the route is known

manniL•1/19/23, 8:08 AM

Thus, the client will render it „as wanted“ but the server doesn’t ~> mismatch

acidjazzOP•1/19/23, 9:16 PM

thanks @manniL / TheAlexLichter !

Aacidjazz thanks @manniL / TheAlexLichter !

manniL•1/19/23, 9:40 PM

np!