import { createApp } from 'https://cdn.jsdelivr.net/npm/vue@3/dist/vue.global.prod.js';
import Quasar from 'https://cdn.jsdelivr.net/npm/quasar@2.16.0/dist/quasar.umd.prod.js';

import PlannerLayout from './src/components/planner-layout/planner-layout.js';
import PlannerHeader from './src/components/planner-header/planner-header.js';
import PlannerUsersOnline from './src/components/planner-users-online/planner-users-online.js';
import PlannerSettingsDrawer from './src/components/planner-settings-drawer/planner-settings-drawer.js';
import PlannerFilterDrawer from './src/components/planner-filter-drawer/planner-filter-drawer.js';
import PlannerEditDrawer from './src/components/planner-edit-drawer/planner-edit-drawer.js';
import PlannerGrid from './src/components/planner-grid/planner-grid.js';

const app = createApp(PlannerLayout);

app.use(Quasar, {
  config: {
    brand: {
      primary: '#334155'
    }
  }
});

app.component('planner-header', PlannerHeader);
app.component('planner-users-online', PlannerUsersOnline);
app.component('planner-settings-drawer', PlannerSettingsDrawer);
app.component('planner-filter-drawer', PlannerFilterDrawer);
app.component('planner-edit-drawer', PlannerEditDrawer);
app.component('planner-grid', PlannerGrid);

app.mount('#q-app');