diff --git a/code/websites/pokedex.online/src/main.js b/code/websites/pokedex.online/src/main.js index 5f1612b..617f22c 100644 --- a/code/websites/pokedex.online/src/main.js +++ b/code/websites/pokedex.online/src/main.js @@ -3,4 +3,21 @@ import App from './App.vue'; import router from './router'; import './style.css'; -createApp(App).use(router).mount('#app'); +// Virtual scroller for large lists +import VueVirtualScroller from 'vue-virtual-scroller'; +import 'vue-virtual-scroller/dist/vue-virtual-scroller.css'; + +// Highlight.js themes +import 'highlight.js/styles/github.css'; +import 'highlight.js/styles/github-dark.css'; + +// Custom directives +import { vHighlight } from './directives/highlight.js'; + +const app = createApp(App); + +app.use(router); +app.use(VueVirtualScroller); +app.directive('highlight', vHighlight); + +app.mount('#app');