refactor: entryProvider module folder

Author: zzhenryquezz

apps/ui/src/composables/defineAppModule.ts

@@ -1,8 +1,7 @@
-import type { Router } from "vue-router";
+import type { RouteRecordRaw } from "vue-router";
 
 export interface AppModuleSetupContext {
-    router: Router
-    addRoute: Router['addRoute']
+    addRoute: (route: RouteRecordRaw) => void
 }
 
 export interface AppModule {    

apps/ui/src/main.ts

@@ -7,7 +7,8 @@ import App from './App.vue'
 import router from '@/router/router'
 
 import { vVisible } from './directives/vVisible'
-import type { AppModule } from './composables/defineAppModule'
+import type { AppModule, AppModuleSetupContext } from './composables/defineAppModule'
+import type { RouteRecordRaw } from 'vue-router'
 
 async function getPlugins() {
     const files = import.meta.glob<Record<string, Plugin>>('./plugins/*.ts', { eager: true })
@@ -45,8 +46,6 @@ async function getAppModules() {
 async function createApp() {
     const app = createVueApp(App)
 
-    app.use(router)
-
     app.directive('visible', vVisible)
 
     const plugins = await getPlugins()
@@ -64,14 +63,17 @@ async function createApp() {
     for await (const appModule of appModules) {
         console.debug(`[app] module ${appModule.name} loaded`)
 
-        if (appModule.setup) {
-            await appModule.setup({
-                router,
-                addRoute: router.addRoute,
-            })
-        }
+        await appModule.setup({
+            addRoute: r => {
+                console.debug(`[app] module ${appModule.name} added route ${r.path}`)
+    
+                router.addRoute(r)
+            }
+        })
     }
 
+    app.use(router)
+
     return app
 }
 

apps/ui/src/modules/appPage/components/AppPageDirectory.vue

@@ -1,7 +1,7 @@
 export default defineAppModule({
     setup({ addRoute }) {
         addRoute({
-            path: '/hephaestus-editor',
+            path: '/app-page/:name',
             component: () => import('./pages/AppPage.vue'),
         })
     }

apps/ui/src/modules/appPage/components/AppPageFile.vue

@@ -0,0 +1,9 @@
+export default defineAppModule({
+    setup({ addRoute }) {
+        addRoute({
+            path: '/entries/:path(.*)*',
+            props: true,
+            component: () => import('./pages/EntryProvider.vue'),
+        })
+    }
+})

apps/ui/src/modules/appPage/index.ts

@@ -13,17 +13,11 @@ const routes: RouteRecordRaw[] = [
             layout: 'empty'
         },
     },
-    {
-        path: '/entries/:path(.*)*',
-        name: 'EntryProvider',
-        props: true,
-        component: () => import('@/pages/EntryProvider/EntryProvider.vue'),
-    },
     // {
-    //     path: '/app-pages/:name',
-    //     name: 'AppPageProvider',
+    //     path: '/entries/:path(.*)*',
+    //     name: 'EntryProvider',
     //     props: true,
-    //     component: () => import('@/pages/AppPage/AppPage.vue'),
+    //     component: () => import('@/pages/EntryProvider/EntryProvider.vue'),
     // },
     {
         path: '/cheat-sheet',