fix: lifecycle hook context binding (#1076)

kazupon · web-flow · commit 385a09dec1f5 · 2022-07-19T18:51:42.000+09:00
diff --git a/examples/bridge/composition/scope/local.html b/examples/bridge/composition/scope/local.html
@@ -3,8 +3,9 @@
   <head>
     <meta charset="utf-8" />
     <title>Local scope example</title>
-    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.4/dist/vue.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
     <script src="https://unpkg.com/vue-i18n@8/dist/vue-i18n.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.7.0"></script>
     <script src="https://unpkg.com/vue-demi@0.13.5/lib/index.iife.js"></script>
     <script src="../../../../packages/vue-i18n-bridge/dist/vue-i18n-bridge.global.js"></script>
   </head>
@@ -25,6 +26,7 @@ <h1>Root</h1>
       const { createApp } = VueDemi
       const { createI18n, useI18n } = VueI18nBridge
 
+      Vue.use(VueCompositionAPI)
       Vue.use(VueI18n, { bridge: true })
 
       const Child = {
diff --git a/packages/vue-i18n-core/src/i18n.ts b/packages/vue-i18n-core/src/i18n.ts
@@ -1033,7 +1033,7 @@ function setupLifeCycle(
     onBeforeMount(() => {
       vm._i18n.subscribeDataChanging(vm)
       subscribing = true
-    }, vm)
+    })
 
     onUnmounted(() => {
       if (subscribing) {
@@ -1051,7 +1051,7 @@ function setupLifeCycle(
       }
       delete vm._i18n_bridge
       delete vm._i18n
-    }, vm)
+    })
   } else {
     onMounted(() => {
       // inject composer instance to DOM for intlify-devtools
