import { createApp } from 'vue';
import { createPinia } from 'pinia';
import { brand } from '@mento/shared';
import App from './App.vue';
import { router } from './router';
import { vTableCols } from './lib/tableColumns';
import './styles/main.css';

document.title = `${brand.nameFa} | ${brand.fullName}`;
const favicon = document.querySelector<HTMLLinkElement>('link[rel="icon"]');
if (favicon) favicon.href = brand.logo;

const app = createApp(App);
app.use(createPinia());
app.use(router);
app.directive('table-cols', vTableCols);
app.mount('#app');