import { createApp } from 'vue';
import AppComponent from './AppComponent.vue';
import router from './router';
import store from './store';
import axios from './axios';
import './assets/css/editor.css';

// Menü-Daten über das konfigurierte Axios-Backend laden
async function fetchMenuData() {
  const response = await axios.get('/menu-data');
  return response.data;
}

fetchMenuData()
  .then(menuData => {
    store.commit('setMenuData', menuData);
  })
  .catch(err => {
    console.error('Fehler beim Laden der Menü-Daten:', err);
  });

const app = createApp(AppComponent);
app.use(router);
app.use(store);
app.config.globalProperties.$axios = axios;
app.mount('#app');