mirror of
https://github.com/directus/directus.git
synced 2026-01-26 09:28:38 -05:00
eb65d60236
* add util function to get vue component name * add global error handler * add v-error-boundary component * use error boundary to wrap insights panels * use error boundary to wrap form interfaces * use error boundary in render display and template * use error boundary in extension options * use error boundary for flows operation overview * extract default options-overview into a component * add tests
71 lines
2.0 KiB
TypeScript
71 lines
2.0 KiB
TypeScript
/* eslint-disable no-console */
|
|
|
|
import { getVueComponentName } from '@/utils/get-vue-component-name';
|
|
import { createPinia } from 'pinia';
|
|
import { createApp } from 'vue';
|
|
import { version } from '../package.json';
|
|
import App from './app.vue';
|
|
import { registerComponents } from './components/register';
|
|
import { DIRECTUS_LOGO } from './constants';
|
|
import { registerDirectives } from './directives/register';
|
|
import { i18n } from './lang/';
|
|
import { router } from './router';
|
|
import './styles/main.scss';
|
|
import { registerViews } from './views/register';
|
|
import { loadExtensions, registerExtensions } from './extensions';
|
|
|
|
init();
|
|
|
|
async function init() {
|
|
console.log(DIRECTUS_LOGO);
|
|
console.info(
|
|
`Hey! Interested in helping build this open-source data management platform?\nIf so, join our growing team of contributors at: https://directus.chat`
|
|
);
|
|
|
|
if (import.meta.env.DEV) {
|
|
console.info(`%c🐰 Starting Directus v${version}...`, 'color:Green');
|
|
} else {
|
|
console.info(`%c🐰 Starting Directus...`, 'color:Green');
|
|
}
|
|
|
|
console.time('🕓 Application Loaded');
|
|
|
|
const app = createApp(App);
|
|
|
|
app.use(router);
|
|
app.use(i18n);
|
|
app.use(createPinia());
|
|
|
|
app.config.errorHandler = (err, vm, info) => {
|
|
const source = getVueComponentName(vm);
|
|
console.warn(`[app-${source}-error] ${info}`);
|
|
console.warn(err);
|
|
return false;
|
|
};
|
|
|
|
registerDirectives(app);
|
|
registerComponents(app);
|
|
registerViews(app);
|
|
|
|
await loadExtensions();
|
|
|
|
registerExtensions(app);
|
|
|
|
app.mount('#app');
|
|
|
|
console.timeEnd('🕓 Application Loaded');
|
|
|
|
console.group(`%c✨ Project Information`, 'color:DodgerBlue'); // groupCollapsed
|
|
|
|
if (import.meta.env.DEV) {
|
|
console.info(`%cVersion: v${version}`, 'color:DodgerBlue');
|
|
}
|
|
|
|
console.info(`%cEnvironment: ${import.meta.env.MODE}`, 'color:DodgerBlue');
|
|
console.groupEnd();
|
|
|
|
// Prevent the browser from opening files that are dragged on the window
|
|
window.addEventListener('dragover', (e) => e.preventDefault(), false);
|
|
window.addEventListener('drop', (e) => e.preventDefault(), false);
|
|
}
|