Move license message and copyright text to footer

2 files changed, 45 insertions, 1 deletions

diff --git a/doc/docs/.vitepress/theme/components/HomeFooter.vue b/doc/docs/.vitepress/theme/components/HomeFooter.vue
new file mode 100644
index 0000000..5ee116c
--- /dev/null
+++ b/doc/docs/.vitepress/theme/components/HomeFooter.vue
@@ -0,0 +1,42 @@
+<script setup lang="ts">
+import { useData } from 'vitepress'
+
+const { frontmatter } = useData()
+</script>
+
+<template>
+  <footer v-if="frontmatter.footer" class="VPFooter has-sidebar">
+    <div class="container">
+      <p v-if="frontmatter.footer.message" class="message">
+        {{ frontmatter.footer.message }}
+      </p>
+      <p v-if="frontmatter.footer.copyright" class="copyright">
+        {{ frontmatter.footer.copyright }}
+      </p>
+    </div>
+  </footer>
+</template>
+
+<style scoped>
+.VPFooter {
+  position: relative;
+  z-index: var(--vp-z-index-footer);
+  border-top: 1px solid var(--vp-c-gutter);
+  padding: 32px 24px;
+  background-color: var(--vp-c-bg);
+}
+
+.container {
+  margin: 0 auto;
+  max-width: var(--vp-layout-max-width);
+  text-align: center;
+}
+
+.message,
+.copyright {
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: 500;
+  color: var(--vp-c-text-2);
+}
+</style>
diff --git a/doc/docs/.vitepress/theme/index.ts b/doc/docs/.vitepress/theme/index.ts
index c4ec3d7..0ee45fe 100644
--- a/doc/docs/.vitepress/theme/index.ts
+++ b/doc/docs/.vitepress/theme/index.ts
@@ -6,6 +6,8 @@ import './custom.css'
 // @ts-ignore
 import CompilerModal from './components/CompilerModal.vue'
 // @ts-ignore
+import HomeFooter from './components/HomeFooter.vue'
+// @ts-ignore
 import YueCompiler from './components/YueCompiler.vue'
 // @ts-ignore
 import YueDisplay from './components/YueDisplay.vue'
@@ -14,7 +16,7 @@ const theme: Theme = {
   extends: DefaultTheme,
   Layout: () =>
     h(DefaultTheme.Layout, null, {
-      'layout-bottom': () => h(CompilerModal)
+      'layout-bottom': () => [h(HomeFooter), h(CompilerModal)]
     }),
   enhanceApp({ app }) {
     app.component('CompilerModal', CompilerModal)