import Vue from 'vue'
import CampDetails from './components/camp-details'

new Vue({
    el: '#camp-details',
    render(h) {
        return h(CampDetails, { props: this.$el.dataset } );
    },
});

import Vue from 'vue'
import CampDetails from './components/camp-details'

const vueApps = {
    'camp-details': CampDetails,
};

for (let id in vueApps) {
    if (!vueApps.hasOwnProperty(id)) continue;
    if (document.getElementById(id)) {
        new Vue({
            el: '#' + id,
            render(h) {
                return h(vueApps[id], { props: this.$el.dataset });
            }
        });
    }
}

Make root component handling more generic