import Vue, { createApp } from "vue";
import ProductsPictos from "./components/backend/ProductsPictos.vue";

const setupApp = (app) => {
    app.config.globalProperties.window = window;
    app.config.globalProperties.document = document;
};

/**
 * Next, we will create a fresh Vue application instance and attach it to
 * the page. Then, you may begin adding components to this application
 * or customize the JavaScript scaffolding to fit your unique needs.
 */
for (let el of document.getElementsByClassName("products-pictos")) {
    const app = createApp(ProductsPictos);
    setupApp(app);
    app.mount(el);
}
for (let el of document.getElementsByClassName("ranges-sub-ranges")) {
    const app = createApp(RangesSubRanges);
    setupApp(app);
    app.mount(el);
}