From 2a262b77d806bba3f68b099ab1750dae90f0c15c Mon Sep 17 00:00:00 2001
From: FragginWagon <greg.r.jacobs@gmail.com>
Date: Wed, 28 Jan 2026 19:48:59 +0000
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Integrate=20virtual=20scroller=20fo?=
 =?UTF-8?q?r=20large=20lists,=20add=20syntax=20highlighting=20themes,=20an?=
 =?UTF-8?q?d=20register=20custom=20highlight=20directive?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 code/websites/pokedex.online/src/main.js | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

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