✨ Integrate virtual scroller for large lists, add syntax highlighting themes, and register custom highlight directive

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');