Mount CompilerModal in VitePress layout

Co-authored-by: dragon-fly <dragon-fly@qq.com>

1 files changed, 5 insertions, 0 deletions

diff --git a/doc/docs/.vitepress/theme/index.ts b/doc/docs/.vitepress/theme/index.ts
index fd0f640..7234afe 100644
--- a/doc/docs/.vitepress/theme/index.ts
+++ b/doc/docs/.vitepress/theme/index.ts
@@ -1,4 +1,5 @@
 import DefaultTheme from 'vitepress/theme'
+import { h } from 'vue'
 import './custom.css'
 
 import CompilerModal from './components/CompilerModal.vue'
@@ -7,6 +8,10 @@ import YueDisplay from './components/YueDisplay.vue'
 
 export default {
   extends: DefaultTheme,
+  Layout: () =>
+    h(DefaultTheme.Layout, null, {
+      'layout-bottom': () => h(CompilerModal)
+    }),
   enhanceApp({ app }) {
     app.component('CompilerModal', CompilerModal)
     app.component('YueCompiler', YueCompiler)