From a92892a60458bd141cd66e5f72a976dfa6b7d21b Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Sat, 1 Nov 2025 17:25:38 +0100
Subject: [PATCH] update vite glob syntax, simplify path handling

---
 src/components/board-header/board-header.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/board-header/board-header.tsx b/src/components/board-header/board-header.tsx
index 6910c300..c5fd013b 100644
--- a/src/components/board-header/board-header.tsx
+++ b/src/components/board-header/board-header.tsx
@@ -14,8 +14,12 @@ import Tooltip from '../tooltip';
 import _ from 'lodash';
 
 // Dynamically import all banner images at build time
-const bannerModules = import.meta.glob('/public/assets/banners/banner-*.{jpg,jpeg,gif,png}', { eager: true, as: 'url' });
-const bannerPaths = Object.keys(bannerModules).map((path) => path.replace('/public/', ''));
+const bannerModules = import.meta.glob('/public/assets/banners/banner-*.{jpg,jpeg,gif,png}', {
+  eager: true,
+  query: '?url',
+  import: 'default',
+});
+const bannerPaths = Object.values(bannerModules) as string[];
 
 const ImageBanner = () => {
   const [banner] = useState(() => bannerPaths[Math.floor(Math.random() * bannerPaths.length)]);