import {defineCustomElement} from 'vue';
import classes from './style.css?inline';
import carousel from 'vue3-carousel/dist/carousel.css?inline';
import carouselStyle from './carousel.css?inline';
import Eventoverview from './Eventoverview.ce.vue';
import Eventform from './Eventform.ce.vue';

import axios from 'axios';
window.axios = axios;

window.hasKeys = function (object, expected) {
    return typeof object === 'object' && JSON.stringify(Object.keys(object).sort()) === JSON.stringify(expected.sort());
};

Eventform.styles = [classes, carousel, carouselStyle];
Eventoverview.styles = [classes];

customElements.define('event-form', defineCustomElement(Eventform));
customElements.define('event-overview', defineCustomElement(Eventoverview));