Dynamic Assignment: Page Functions

www/src/configs/modules/production.js

@@ -0,0 +1,2 @@
+export {default as Default} from "../default";
+export {default as Concert} from "../concert";

www/src/configs/modules/test.js

@@ -0,0 +1,2 @@
+export {default as Default} from "../default";
+export {default as Concert} from "../concert";

www/src/index.jsx

@@ -3,7 +3,7 @@ import { Switch, render } from 'solid-js/web';
 import { Router, Route, Routes, hashIntegration } from "@solidjs/router";
 
 import './index.css';
-import * as Page from './pages/Production';
+import { Pages } from './pages/Production';
 
 const root = document.getElementById('root');
 
@@ -19,10 +19,10 @@ const rootPage = import.meta.env.VITE_ROOT_PAGE ?? "default"
 render(() =>  (
     <Router source={routerSrc}>
       <Routes>
-        <For each={Object.entries(Page)}>{
-          (pg, i)=> <Switch fallback={<Route path={`/${pg[0].toLowerCase()}`} component={pg[1]}/>}>
-                      <Match when={pg[0].toLowerCase() == rootPage}>
-                        <Route path="/" component={pg[1]}/>
+        <For each={Pages}>{
+          (pg, i)=> <Switch fallback={<Route path={`/${pg.name.toLowerCase()}`} component={pg.func}/>}>
+                      <Match when={pg.name.toLowerCase() == rootPage}>
+                        <Route path="/" component={pg.func}/>
                       </Match>
                     </Switch>
         }</For>

www/src/pages/Production.jsx

@@ -1,12 +1,10 @@
 import Abstract from './Abstract';
 
-import defaultCfg from '../configs/default';// <-- Change config file
-import concertCfg from '../configs/concert';
+import * as Configs from "../configs/modules/production"
 
-export function Default() {// <-- Change function name
-    return (<Abstract conf={defaultCfg}/>);// <-- Match config import
-};
-
-export function Concert() {
-return (<Abstract conf={concertCfg}/>);
-};
+export const Pages = Object.entries(Configs).map((cfg)=>{
+    return {
+        name: cfg[0],
+        func: ()=>{return (<Abstract conf={cfg[1]}/>);}
+    }
+});