fix: __INTLIFY_META__ access error in vue-i18n-bridge (#696)

closes #692

Author: kazupon

packages/vue-i18n-core/src/composer.ts

@@ -51,7 +51,7 @@ import {
   SetPluralRulesSymbol,
   LegacyInstanceSymbol
 } from './symbols'
-import { deepCopy, getLocaleMessages } from './utils'
+import { deepCopy, getLocaleMessages, getComponentOptions } from './utils'
 import { VERSION } from './misc'
 
 import type { ComponentInternalInstance, VNode, VNodeArrayChildren } from 'vue'
@@ -1713,8 +1713,9 @@ function defineCoreMissingHandler(missing: MissingHandler): CoreMissingHandler {
 // for Intlify DevTools
 const getMetaInfo = /* #__PURE__*/ (): MetaInfo | null => {
   const instance = getCurrentInstance()
-  return instance && (instance.type as any)[DEVTOOLS_META] // eslint-disable-line @typescript-eslint/no-explicit-any
-    ? { [DEVTOOLS_META]: (instance.type as any)[DEVTOOLS_META] } // eslint-disable-line @typescript-eslint/no-explicit-any
+  let meta: any = null // eslint-disable-line @typescript-eslint/no-explicit-any
+  return instance && (meta = getComponentOptions(instance)[DEVTOOLS_META])
+    ? { [DEVTOOLS_META]: meta } // eslint-disable-line @typescript-eslint/no-explicit-any
     : null
 }
 

packages/vue-i18n-core/src/i18n.ts

@@ -25,7 +25,11 @@ import { apply } from './plugin'
 import { defineMixin as defineMixinNext } from './mixins/next'
 import { defineMixin as defineMixinBridge } from './mixins/bridge'
 import { enableDevTools, addTimelineEvent } from './devtools'
-import { isLegacyVueI18n, getLocaleMessages } from './utils'
+import {
+  isLegacyVueI18n,
+  getLocaleMessages,
+  getComponentOptions
+} from './utils'
 
 import type { ComponentInternalInstance, App } from 'vue'
 import type {
@@ -794,11 +798,6 @@ function getI18nInstance(instance: ComponentInternalInstance): I18n {
   }
 }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function getComponentOptions(instance: ComponentInternalInstance): any {
-  return !__BRIDGE__ ? instance.type : instance.proxy!.$options
-}
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 function getScope(options: UseI18nOptions, componentOptions: any): I18nScope {
   // prettier-ignore

packages/vue-i18n-core/src/utils.ts

@@ -4,6 +4,7 @@ import { I18nErrorCodes, createI18nError } from './errors'
 
 import type { Locale, MessageResolver } from '@intlify/core-base'
 import type { CustomBlocks, VueMessageType } from './composer'
+import type { ComponentInternalInstance } from 'vue'
 
 type GetLocaleMessagesOptions<Messages = {}> = {
   messages?: { [K in keyof Messages]: Messages[K] }
@@ -127,4 +128,9 @@ export function deepCopy(src: any, des: any): void {
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function getComponentOptions(instance: ComponentInternalInstance): any {
+  return !__BRIDGE__ ? instance.type : instance.proxy!.$options
+}
+
 /* eslint-enable @typescript-eslint/no-explicit-any */