How can I use the migration build with the runtime compiler?

[baffalop]

I'm trying to migrate a large Vue 2 application via the @vue/compat migration build. It's on Vite, so following the migration guide I have added the suggested alias in vite.config.js:

{
  resolve: {
    alias: [{ find: 'vue', replacement: '@vue/compat' }]
  }
}

This seems to work, but I get a warning in the browser console:

[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

The application mounts the root component on an element containing a basic template rendered by the server. This is used to initialise the app with props rendered to the component. The updated mounting runs like:

const App = () => import('@components/App.vue')

const app = createApp({
  components: { App }
})

app.mount('.main')

where .main looks something like:

<div class="main">
  <App :prop-from-server="value" />
</div>

Is there a way to maintain this functionality while using the migration build? Why do both of these rely on aliasing the vue import?

[baffalop]

Related: #7190

[baffalop]

The solution should've been obvious to me. @vue/compat also has a dist folder with all the different builds, so I just had to switch my alias to @vue/compat/dist/vue.esm-bundler.js.