scinote-web/app/javascript/packs/vue/navigation/top_menu.js
2023-10-24 13:16:22 +02:00

22 lines
791 B
JavaScript

import PerfectScrollbar from 'vue3-perfect-scrollbar';
import { createApp } from 'vue/dist/vue.esm-bundler.js';
import 'vue3-perfect-scrollbar/dist/vue3-perfect-scrollbar.css';
import TopMenuContainer from '../../../vue/navigation/top_menu.vue';
import outsideClick from '../directives/outside_click';
function addNavigationTopMenuContainer() {
const app = createApp({});
app.component('TopMenuContainer', TopMenuContainer);
app.use(PerfectScrollbar);
app.directive('click-outside', outsideClick);
app.config.globalProperties.i18n = window.I18n;
app.mount('#sciNavigationTopMenuContainer');
}
if (document.readyState !== 'loading') {
addNavigationTopMenuContainer();
} else {
window.addEventListener('DOMContentLoaded', () => {
addNavigationTopMenuContainer();
});
}