feat: 优化项目配置变量 $app 全局注入

src/config/app.ts

+import type { App } from 'vue'
+
 const config: Application = {
     name: __APP__.name,
     version: __APP__.version,
@@ -8,8 +10,9 @@ const config: Application = {
 
 export const $app = config
 
-export function setupAppConfig() {
+export function setupAppConfig(app: App<Element>) {
     // 打印 App 信息
+    // #ifdef H5
     const block = Array(50).fill('=').join('')
     const infos: string[] = []
     infos.push(block)
@@ -20,4 +23,13 @@ export function setupAppConfig() {
     infos.push(`[App] lastBuildTime: ${config.lastBuildTime}`)
     infos.push(block)
     console.log('%c' + infos.join('\n'), 'color: violet;')
+    // #endif
+
+    app.config.globalProperties.$app = $app
+}
+
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $app: Application
+    }
 }

src/main.ts

@@ -12,10 +12,8 @@ import fuiConfig from './components/firstui/fui-config'
 export function createApp() {
     const app = createSSRApp(App)
 
-    // 打印 App 信息
-    // #ifdef H5
-    setupAppConfig()
-    // #endif
+    // 注册 APP 配置
+    setupAppConfig(app)
 
     // 配置 store
     setupStore(app)