fix: scope execution context resolving (#1108)

* fix: scope execution context resolving

related: #1096 #1107

* fix more another codes

related #909

Author: kazupon

examples/ssr/vite/server.js

@@ -86,7 +86,7 @@ async function createServer(
 }
 
 if (!isTest) {
-  createServer().then(({ app }) =>
+  createServer().then(({ app, vite }) =>
     app.listen(3000, () => {
       console.log('http://localhost:3000')
     })

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

@@ -1914,7 +1914,7 @@ export function createComposer(options: any = {}, VueI18nLegacy?: any): any {
   // eslint-disable-next-line prefer-const
   let _context: CoreContext
 
-  function getCoreContext(): CoreContext {
+  const getCoreContext = (): CoreContext => {
     _isGlobal && setFallbackContext(null)
 
     const ctxOptions = {
@@ -2052,14 +2052,14 @@ export function createComposer(options: any = {}, VueI18nLegacy?: any): any {
     return type !== 'translate' || !arg.resolvedMessage
   }
 
-  function wrapWithDeps<T, U = T>(
+  const wrapWithDeps = <T, U = T>(
     fn: (context: unknown) => unknown,
     argumentParser: () => unknown[],
     warnType: ComposerWarnType,
     fallbackSuccess: (root: Composer<T> & ComposerInternal) => U,
     fallbackFail: (key: unknown) => U,
     successCondition: (val: unknown) => boolean
-  ): U {
+  ): U => {
     trackReactivityValues() // track reactive dependency
     // NOTE: experimental !!
     let ret: unknown

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

@@ -88,7 +88,7 @@ function getComposer(
 export type TranslationDirective<T = HTMLElement> = ObjectDirective<T>
 
 export function vTDirective(i18n: I18n): TranslationDirective<HTMLElement> {
-  function process(binding: DirectiveBinding): [string, Composer] {
+  const process = (binding: DirectiveBinding): [string, Composer] => {
     const { instance, modifiers, value } = binding
     /* istanbul ignore if */
     if (!instance || !instance.$) {
@@ -140,15 +140,16 @@ export function vTDirective(i18n: I18n): TranslationDirective<HTMLElement> {
       ])
     }
   }
+  const getSSRProps = (binding: DirectiveBinding) => {
+    const [textContent] = process(binding)
+    return { textContent }
+  }
 
   return {
     created: register,
     unmounted: unregister,
     beforeUpdate: update,
-    getSSRProps: (binding: DirectiveBinding) => {
-      const [textContent] = process(binding)
-      return { textContent }
-    }
+    getSSRProps
   } as TranslationDirective<HTMLElement>
 }