Mount Vue app on multiple DOMs

main.js

import { createApp } from 'vue'
import store from './store'
import Rita from './Rita.vue'
import './index.css'

const mounts = document.querySelectorAll('.rita')
let Apps = []

;[].forEach.call(mounts, (mount, index) => {
  if ('object' === typeof mount) {
    Apps[index] = createApp(Rita, {
      ...mount.dataset,
    })

    Apps[index].use(store)
    Apps[index].mount(mount)
  } else {
    console.error('Could not render Rita on the expected mount.')
  }
})