feat(client): allow overriding props on Content

closes #2712

src/client/app/components/Content.ts

@@ -1,5 +1,5 @@
 import { defineComponent, h } from 'vue'
-import { useRoute } from '../router'
+import { useData, useRoute } from 'vitepress'
 import { contentUpdatedCallbacks } from '../utils'
 
 const runCbs = () => contentUpdatedCallbacks.forEach((fn) => fn())
@@ -11,14 +11,19 @@ export const Content = defineComponent({
   },
   setup(props) {
     const route = useRoute()
+    const { site } = useData()
     return () =>
-      h(props.as, { style: { position: 'relative' } }, [
+      h(
+        props.as,
+        site.value.contentProps ?? { style: { position: 'relative' } },
+        [
           route.component
             ? h(route.component, {
                 onVnodeMounted: runCbs,
                 onVnodeUpdated: runCbs
               })
             : '404 Page Not Found'
-      ])
+        ]
+      )
   }
 })

src/node/config.ts

@@ -235,7 +235,8 @@ export async function resolveSiteData(
     themeConfig: userConfig.themeConfig || {},
     locales: userConfig.locales || {},
     scrollOffset: userConfig.scrollOffset ?? 90,
-    cleanUrls: !!userConfig.cleanUrls
+    cleanUrls: !!userConfig.cleanUrls,
+    contentProps: userConfig.contentProps
   }
 }
 

src/node/siteConfig.ts

@@ -70,6 +70,7 @@ export interface UserConfig<ThemeConfig = any>
 
   appearance?: boolean | 'dark'
   lastUpdated?: boolean
+  contentProps?: Record<string, any>
 
   /**
    * MarkdownIt options

types/shared.d.ts

@@ -60,6 +60,7 @@ export interface SiteData<ThemeConfig = any> {
   scrollOffset: number | string | string[]
   locales: LocaleConfig<ThemeConfig>
   localeIndex?: string
+  contentProps?: Record<string, any>
 }
 
 export type HeadConfig =