How do I have a Vue.js navbar stay on the page between page navigations?

I built a lovely Navbar in Tailwind CSS in my rails app following a tutorial by Adam Wathan which uses Vue.js for the javascript behavior on dropdowns.

I added Vue.js the way Chris suggests here, by mounting it in a div with data-behavior which wraps the entire app: https://gorails.com/episodes/vuejs-components-in-rails-views?autoplay=1

I also added the Turbolinks Adapter for the setup as he recommends.

It's all working as expected but the problem with loading everything after turbolinks:load is that the navbar pops off the page when you navigate to another page. How can I solve this? I tried initialising the Vue component after different events but everything just leads to all my vue components breaking and disappearing off the page.