Merge pull request #452 from messenjer/fix/deprecatd-vuepress-plugin-config

fix(docs): load the component reference inside the plugin

Author: mariusa

docs/.vuepress/PluginComponentReference/client.ts

@@ -0,0 +1,14 @@
+import {defineClientConfig} from '@vuepress/client'
+import ReferenceSection from './client/components/reference-section'
+import {h} from 'vue'
+
+export default defineClientConfig({
+  async enhance({app, router, siteData}) {
+    if (!__VUEPRESS_SSR__) {
+      // wrap the `<ComponentReference />` component with plugin options
+      app.component('ComponentReference', (props) => h(ReferenceSection, {}))
+    }
+  },
+  setup() {},
+  rootComponents: [],
+})

docs/.vuepress/PluginComponentReference/client/clientAppEnhance.ts

@@ -23,7 +23,7 @@ export const componentReference: Plugin<ComponentReferenceOptions> = ({
   baseDir = 'component-references',
 }) => ({
   name: 'plugin-object',
-  clientAppEnhanceFiles: path.resolve(__dirname, './client/clientAppEnhance.ts'),
+  clientConfigFile: path.resolve(__dirname, './client.ts'),
   extendsPage(page, app: App) {
     const {filePath} = resolvePageComponentReferencePath(baseDir, page, app)
     let componentReference = null

docs/.vuepress/PluginComponentReference/index.ts

@@ -2,7 +2,6 @@ import {defineClientConfig} from '@vuepress/client'
 import 'bootstrap/scss/bootstrap.scss'
 import 'bootstrap-vue-3/dist/bootstrap-vue-3.css'
 import DocReference from './components/DocReference.vue'
-import ReferenceSection from './PluginComponentReference/client/components/reference-section'
 import {h} from 'vue'
 
 export default defineClientConfig({
@@ -12,7 +11,6 @@ export default defineClientConfig({
       app.use(BootstrapVue3)
       app.use(BToastPlugin)
       app.component('doc-reference', DocReference)
-      app.component('ComponentReference', (props) => h(ReferenceSection, {}))
     }
   },
   setup() {},