refactor(client): extract registerGlobalComponents

Author: meteorlxy

packages/@vuepress/client/src/app.ts

@@ -14,14 +14,14 @@ import {
   START_LOCATION,
 } from 'vue-router'
 import type { Router } from 'vue-router'
-import { ClientOnly, Content, OutboundLink } from './components'
 import {
   siteData,
   pageData,
   resolvePageData,
   setupUpdateHead,
 } from './composables'
 import { provideGlobalComputed } from './provideGlobalComputed'
+import { registerGlobalComponents } from './registerGlobalComponents'
 
 /**
  * - use `createApp` in dev mode
@@ -83,14 +83,9 @@ export const createVueApp: CreateVueAppFunction = async () => {
     }
   })
 
+  // global computed and global components
   provideGlobalComputed(app, router)
-
-  // register built-in components
-  /* eslint-disable vue/match-component-file-name */
-  app.component('ClientOnly', ClientOnly)
-  app.component('Content', Content)
-  app.component('OutboundLink', OutboundLink)
-  /* eslint-enable vue/match-component-file-name */
+  registerGlobalComponents(app)
 
   // invoke all clientAppEnhances
   for (const clientAppEnhance of clientAppEnhances) {

packages/@vuepress/client/src/registerGlobalComponents.ts

@@ -0,0 +1,13 @@
+import type { App } from 'vue'
+import { ClientOnly, Content, OutboundLink } from './components'
+
+/**
+ * Register global built-in components
+ */
+export const registerGlobalComponents = (app: App): void => {
+  /* eslint-disable vue/match-component-file-name */
+  app.component('ClientOnly', ClientOnly)
+  app.component('Content', Content)
+  app.component('OutboundLink', OutboundLink)
+  /* eslint-enable vue/match-component-file-name */
+}