fix: seperate post layout build when ssg

demo/yun/.valaxy/typed-router.d.ts

@@ -69,6 +69,7 @@ declare module 'vue-router/auto-routes' {
     '/posts/post-updated': RouteRecordInfo<'/posts/post-updated', '/posts/post-updated', Record<never, never>, Record<never, never>>,
     '/posts/redirect': RouteRecordInfo<'/posts/redirect', '/posts/redirect', Record<never, never>, Record<never, never>>,
     '/posts/test': RouteRecordInfo<'/posts/test', '/posts/test', Record<never, never>, Record<never, never>>,
+    '/posts/test/a': RouteRecordInfo<'/posts/test/a', '/posts/test/a', Record<never, never>, Record<never, never>>,
     '/posts/test-images': RouteRecordInfo<'/posts/test-images', '/posts/test-images', Record<never, never>, Record<never, never>>,
     '/posts/test-tags': RouteRecordInfo<'/posts/test-tags', '/posts/test-tags', Record<never, never>, Record<never, never>>,
     '/tags/': RouteRecordInfo<'/tags/', '/tags', Record<never, never>, Record<never, never>>,

demo/yun/pages/posts/test/a.md

@@ -0,0 +1,3 @@
+---
+title: Nested Test
+---

docs/pages/themes/write.md

@@ -80,7 +80,7 @@ pnpm create valaxy
   - `default.vue`: 默认布局
   - `home.vue`: 首页布局
   - `layout.vue`: 文章列表布局
-  - `post.vue`: 文章布局（放置于 `pages/posts/` 文件夹下的文章默认为 post 布局）
+  - `post.vue`: 文章布局（放置于 `pages/posts/` 文件夹下的文章默认为 `post 布局）
   - `tags.vue`: 标签布局
 - `locales`: 主题的多语言支持
   - `en.yml`: 英文语言文件

packages/valaxy/client/layouts/empty.vue

@@ -0,0 +1,3 @@
+<template>
+  <RouterView />
+</template>

packages/valaxy/client/main.ts

@@ -38,12 +38,6 @@ if (useVueRouter)
 
 // fix chinese path
 routes.forEach((i) => {
-  // set post layout
-  if (i.path === '/posts') {
-    if (i.meta && !i.meta.layout)
-      i.meta.layout = 'post'
-  }
-
   i?.children?.forEach((j) => {
     j.path = encodeURI(j.path)
   })

packages/valaxy/node/plugins/markdown/markdownToVue.ts

@@ -118,6 +118,8 @@ export async function createMarkdownToVueRenderFn(
 
     debug(`[render] ${file} in ${Date.now() - start}ms.`)
 
+    // console.log(code)
+
     const result = {
       code,
       pageData,

packages/valaxy/node/plugins/markdown/transform/index.ts

@@ -56,6 +56,7 @@ export async function createMarkdownPlugin(
         code = transformMermaid(code)
         // TODO: PlantUML
         // code = transformPlantUml(code, config.plantUmlServer)
+
         return code
       },
 

packages/valaxy/node/plugins/preset.ts

@@ -50,19 +50,20 @@ export async function ViteValaxyPlugins(
       ...valaxyConfig.vue,
     }),
 
-    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts
-    Layouts({
-      layoutsDirs: roots.map(root => `${root}/layouts`),
-
-      ...valaxyConfig.layouts,
-    }),
     ValaxyLoader,
 
     UnheadVite(),
 
     // https://github.com/posva/unplugin-vue-router
     createRouterPlugin(options),
 
+    // https://github.com/JohnCampionJr/vite-plugin-vue-layouts
+    Layouts({
+      layoutsDirs: roots.map(root => `${root}/layouts`),
+
+      ...valaxyConfig.layouts,
+    }),
+
     // https://github.com/antfu/unplugin-vue-components
     Components({
       extensions: ['vue', 'md'],

packages/valaxy/node/plugins/vueRouter.ts

@@ -77,7 +77,17 @@ export function createRouterPlugin(options: ResolvedValaxyOptions) {
       }
 
       // page is post
-      // add layout info before enter route
+      if (route.fullPath === '/posts') {
+        // avoid /posts as parent layout use 'default'
+        route.addToMeta({
+          layout: 'empty',
+        })
+      }
+      else if (route.fullPath.startsWith('/posts/')) {
+        route.addToMeta({
+          layout: 'post',
+        })
+      }
 
       // find page path
       const path = route.components.get('default') || ''