fix

Author: galvez

packages/fastify-dx-vue/virtual/create.js

@@ -7,14 +7,14 @@ import {
   routeLayout,
   createBeforeEachHandler,
 } from '/dx:core.js'
-import root from '/dx:root.vue'
+import * as root from '/dx:root.vue'
 
 export default async function create (ctx) {
   const { routes, ctxHydration } = ctx
 
   const instance = ctxHydration.clientOnly
-    ? createApp(root)
-    : createSSRApp(root)
+    ? createApp(root.default)
+    : createSSRApp(root.default)
 
   const history = createHistory()
   const router = createRouter({ history, routes })
@@ -31,6 +31,10 @@ export default async function create (ctx) {
 
   instance.use(router)
 
+  if (root.configure) {
+    await root.configure(instance)
+  }
+
   if (ctx.url) {
     router.push(ctx.url)
     await router.isReady()

packages/fastify-dx-vue/virtual/layout.vue

@@ -8,8 +8,8 @@
 import { defineAsyncComponent, inject } from 'vue'
 import { routeLayout } from '/dx:core.js'
 
-const DefaultLayout = () => import('/dx:layouts/default.vue')
-const appLayouts = import.meta.glob('/layouts/*.vue')
+import * as DefaultLayout from '/dx:layouts/default.vue'
+const appLayouts = import.meta.globEager('/layouts/*.vue')
 
 appLayouts['/layouts/default.vue'] ??= DefaultLayout
 
@@ -20,7 +20,7 @@ export default {
   components: Object.fromEntries(
     Object.keys(appLayouts).map((path) => {
       const name = path.slice(9, -4)
-      return [name, defineAsyncComponent(appLayouts[path])]
+      return [name, appLayouts[path].default]
     })
   )
 }

packages/fastify-dx-vue/virtual/root.vue

@@ -1,3 +1,9 @@
+<script>
+export function configure (app) {
+  // Extend Vue application instance here
+}
+</script>
+
 <script setup>
 import Layout from '/dx:layout.vue'
 </script>

starters/vue/client/index.js

@@ -2,7 +2,7 @@ import routes from '/dx:routes.js'
 import create from '/dx:create.js'
 
 export default { 
-  context: await import('/dx:context.js'), 
+  context: import('/dx:context.js'), 
   routes,
   create,
 }

starters/vue/client/root.vue

@@ -1,5 +1,9 @@
 <script>
 import 'uno.css'
+
+export function configure (app) {
+  // Extend Vue application instance here
+}
 </script>
 
 <script setup>