[2477] npm run dev works great. Generate is deleting components from DOM after the page loads?

I have my static site temporarily hosted here to show the issue: https://vibrant-hamilton-ce6e1c.netlify.com/blog/

My project: https://github.com/KyleTryon/VidFireBlog

my default.vue layout file looks like this, very simple.

<template>
  <div id="app-container">
    <vf-header/>
    <vf-nav/>
    <nuxt/>
    <vf-footer/>
  </div>
</template>

Everything works as expected on the dev server. However you can see if you visit the url above, the Header and Nav render and then delete themselves immediately.

There are no errors in console, and in the inspector, you can see the dom elements are actually completely removed.