How to compile vue components from cshtml files without messing up renderbody?

Question

Got an EpiServer project where I want to insert .vue components.

I have tried to follow this project, where they can render .vue components from their cshtml files dynamically: [https://github.com/episerver/musicfestival-vue-template][1]

Currently approaching the problem by adding the built app and chunk-vendor js files into the project folder of the C# project and inject the scripts and id’s. Unfortunately, the Vue project takes over the whole app container.

The ideal scenario is to simply add vue components (from the Vue 3 Cli project), into the project like: <hello-world></hello-world>, without it interfering with the renderbody.

So, how do I compile .vue components from cshtml files, while renderbody works as usual?