Mount multiple apps in a Vue project

<div id="app-1"></div>
<div id="app-2"></div>
______________________________

import { createApp } from 'vue'

import App1 from './App1.vue'
import App2 from './App2.vue'

const app1Elem = document.querySelector('#app-1');
if (app1Elem) {
  createApp(App1).mount(app1Elem);
}

const app2Elem = document.querySelector('#app-2');
if (app2Elem) {
  createApp(App2).mount(app2Elem);
}