docs: update theme

Author: mrholek

docs/.vuepress/config.ts

@@ -253,6 +253,10 @@ export default defineUserConfig<DefaultThemeOptions>({
             text: 'Toast',
             link: `/${pkg.config.version_short}/components/toast.md`,
           },
+          {
+            text: 'Widgets',
+            link: `/${pkg.config.version_short}/components/widgets.md`,
+          },
         ],
       },
       {

docs/.vuepress/theme-coreui/src/client/components/Page.vue

@@ -10,6 +10,8 @@
         </div>
         <!-- Show an image ad -->
         <div class="content">
+          <h1>{{ title }}</h1>
+          <p class="docs-lead fs-4 fw-light">{{ description }}</p>
           <div data-ea-publisher="coreui-io" data-ea-type="image"></div>
           <Content />
         </div>
@@ -24,17 +26,28 @@
   </main>
 </template>
 
-<script>
+<script lang="ts">
 import { defineComponent } from 'vue'
 import PageMeta from './PageMeta.vue'
 import PageNav from './PageNav.vue'
+import { usePageFrontmatter } from '@vuepress/client'
+import type { DefaultThemeNormalPageFrontmatter } from '../../shared'
 
 export default defineComponent({
   name: 'Page',
-
   components: {
     PageMeta,
     PageNav,
   },
+  setup() {
+    const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
+    const title = frontmatter.value.title
+    const description = frontmatter.value.description
+
+    return {
+      title,
+      description,
+    }
+  },
 })
 </script>

docs/.vuepress/theme-coreui/src/client/components/PageMeta.vue

@@ -46,6 +46,7 @@ import NavLink from './NavLink.vue'
 const useEditNavLink = (): ComputedRef<null | NavLinkType> => {
   const themeLocale = useThemeLocaleData()
   const page = usePageData<DefaultThemePageData>()
+  console.log(page)
   const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
 
   return computed(() => {