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 Eventindex from "./Eventindex.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];
Eventindex.styles = [classes];

customElements.define("event-form", defineCustomElement(Eventform));
customElements.define("event-index", defineCustomElement(Eventindex));