import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';
import i18n from './i18n';
import '@/assets/css/main.scss';
import './assets/css/vue-multiselect.css';
import permissionDirectives from './directives/permissions.js';

const app = createApp(App);
app.config.devtools = true;

// Register permission directives
app.directive('can', permissionDirectives.can);
app.directive('admin', permissionDirectives.admin);
app.directive('owner', permissionDirectives.owner);

app
    .use(router)
    .use(store)
    .use(i18n)
    .mount('#app');
