import * as bulmaToast from 'bulma-toast';
import Vue from '../../node_modules/vue/dist/vue.esm.js';
import axios from 'axios';
import store from "./store";
import './shims-vue.d.ts';

// Registro de components
const components = import.meta.glob('./components/**/*.vue', { eager: true });
Object.entries(components).forEach(([path, module]) => {
    let name = path
        .replace(/^\.\/components\//, '') // Remove leading folder
        .replace(/\.vue$/, '')            // Remove file extension
        .replace(/\//g, '-')              // Replace subfolders with hyphens
        .replace(/([a-z])([A-Z])/g, '$1-$2') // camelCase to kebab-case
        .toLowerCase();                   // Enforce kebab-case for HTML
    Vue.component(name, (module as any).default);
});

window.Vue = Vue;
window.Event = new Vue();
window.axios = axios;
window.bulmaToast = bulmaToast;

new Vue({
    el: '#root',
    store,
});