diff --git a/src/transform.ts b/src/transform.ts
index 6b3e880..098cff8 100644
--- a/src/transform.ts
+++ b/src/transform.ts
@@ -6,7 +6,15 @@ import {
   createCompoundExpression,
   TO_DISPLAY_STRING
 } from '@vue/compiler-dom'
-import { isNumber, isObject, isString, isSymbol, toDisplayString, hasOwn } from '@intlify/shared'
+import {
+  isNumber,
+  isObject,
+  isString,
+  isSymbol,
+  toDisplayString,
+  hasOwn,
+  isArray
+} from '@intlify/shared'
 import { evaluateValue, parseVTExpression } from './transpiler'
 import { report, ReportCodes } from './report'
 import { createContentBuilder } from './builder'
@@ -70,6 +78,16 @@ export interface TransformVTDirectiveOptions<
    * @default 'composition'
    */
   mode?: I18nMode
+  /**
+   * Translation function signatures
+   *
+   * @remarks
+   * You can specify the signature of the translation function attached to the binding context when it is codegen in the Vue Compiler.
+   * If you have changed the signature to a non `t` signature in the `setup` hook or `<script setup>`, you can safely SSR it.
+   * If each Vue component has a different signature for the translation function, you can specify several in an array for safe SSR.
+   * This option value is `undefined` and the signature attached to the binding context is `t`.
+   */
+  translationSignatures?: string | string[]
 }
 
 // compatibility for this commit(v3.0.3)
@@ -142,6 +160,13 @@ export function transformVTDirective<
     isString(options.mode) && ['composition', 'legacy'].includes(options.mode)
       ? options.mode
       : 'composition'
+  // prettier-ignore
+  const translationSignatures = isString(options.translationSignatures)
+    ? [options.translationSignatures]
+    : isArray(options.translationSignatures)
+      ? options.translationSignatures
+      : ['t']
+  translationSignatures.push(`$t`) // fallback to global scope
 
   return (dir, node, context) => {
     const { exp, loc } = dir
@@ -211,7 +236,12 @@ export function transformVTDirective<
         return { props: [] }
       } else {
         const translationParams = parseVTExpression(exp.content)
-        const code = generateTranslationCode(context, mode, translationParams)
+        const code = generateTranslationCode(
+          context,
+          mode,
+          translationParams,
+          translationSignatures
+        )
         context.helper(TO_DISPLAY_STRING)
         node.children.push({
           type: NodeTypes.INTERPOLATION,
@@ -223,7 +253,12 @@ export function transformVTDirective<
       }
     } else if (isCompoundExpressionNode(exp)) {
       const content = exp.children.map(mapNodeContentHandler).join('')
-      const code = generateTranslationCode(context, mode, parseVTExpression(content))
+      const code = generateTranslationCode(
+        context,
+        mode,
+        parseVTExpression(content),
+        translationSignatures
+      )
       context.helper(TO_DISPLAY_STRING)
       node.children.push({
         type: NodeTypes.INTERPOLATION,
@@ -360,24 +395,38 @@ function makeParams(value: VTDirectiveValue): [string, NamedValue, TranslateOpti
 function generateTranslationCode(
   context: TransformContext,
   mode: I18nMode,
-  params: TranslationParams
+  params: TranslationParams,
+  translationSignatures: string[]
 ): string {
   return mode === 'composition'
-    ? generateComposableCode(context, params)
+    ? generateComposableCode(context, params, translationSignatures)
     : generateLegacyCode(context, params)
 }
 
-function generateComposableCode(context: TransformContext, params: TranslationParams): string {
+function generateTranslationCallableSignatures(
+  context: TransformContext,
+  translationSignatures: string[]
+): string {
   const { prefixIdentifiers, bindingMetadata } = context
-  const functionName = 't'
-  const type = hasOwn(bindingMetadata, functionName) && bindingMetadata[functionName]
-  // prettier-ignore
-  const prefixContext = prefixIdentifiers
-    ? type && type.startsWith('setup') || type === BindingTypes.LITERAL_CONST
-      ? '$setup.'
-      : '_ctx.'
-    : ''
-  const baseCode = `${prefixContext}${functionName}`
+  return translationSignatures
+    .map(signature => {
+      const type = hasOwn(bindingMetadata, signature) && bindingMetadata[signature]
+      const bindingContext = prefixIdentifiers
+        ? (type && type.startsWith('setup')) || type === BindingTypes.LITERAL_CONST
+          ? '$setup.'
+          : '_ctx.'
+        : ''
+      return `${bindingContext}${signature}`
+    })
+    .join(' || ')
+}
+
+function generateComposableCode(
+  context: TransformContext,
+  params: TranslationParams,
+  translationSignatures: string[]
+): string {
+  const baseCode = `(${generateTranslationCallableSignatures(context, translationSignatures)})`
 
   const builder = createContentBuilder()
   builder.push(`${baseCode}(`)
diff --git a/test/__snapshots__/transform.test.ts.snap b/test/__snapshots__/transform.test.ts.snap
index 785fb62..4bab886 100644
--- a/test/__snapshots__/transform.test.ts.snap
+++ b/test/__snapshots__/transform.test.ts.snap
@@ -4,7 +4,7 @@ exports[`binding > object > <div v-t="{ path: foo.bar.buz, locale, plural: 2, ar
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(_ctx.t(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString((_ctx.t || _ctx.$t)(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })), 1 /* TEXT */))
 }"
 `;
 
@@ -19,7 +19,7 @@ exports[`binding > object > <div v-t="{ path: foo.bar.buz, locale, plural: 2, ar
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })",
+                "content": "(_ctx.t || _ctx.$t)(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -61,7 +61,7 @@ exports[`binding > object > <div v-t="{ path: foo.bar.buz, locale, plural: 2, ar
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })",
+                "content": "(_ctx.t || _ctx.$t)(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -699,7 +699,7 @@ exports[`binding > object > <div v-t="{ path: foo.bar.buz, locale, plural: 2, ar
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })",
+            "content": "(_ctx.t || _ctx.$t)(_ctx.foo.bar.buz, { name: 'banana' }, { locale: _ctx.locale, plural: 2 })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -791,7 +791,7 @@ exports[`binding > simple variable > <div v-t="hello"/> 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(_ctx.t(_ctx.hello, {  }, {  })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString((_ctx.t || _ctx.$t)(_ctx.hello, {  }, {  })), 1 /* TEXT */))
 }"
 `;
 
@@ -806,7 +806,7 @@ exports[`binding > simple variable > <div v-t="hello"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(_ctx.hello, {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)(_ctx.hello, {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -848,7 +848,7 @@ exports[`binding > simple variable > <div v-t="hello"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(_ctx.hello, {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)(_ctx.hello, {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -974,7 +974,7 @@ exports[`binding > simple variable > <div v-t="hello"/> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t(_ctx.hello, {  }, {  })",
+            "content": "(_ctx.t || _ctx.$t)(_ctx.hello, {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -1066,7 +1066,7 @@ exports[`hoistStatic option: on > <div v-t="'hello'"/> 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(_ctx.t('hello', {  }, {  })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString((_ctx.t || _ctx.$t)('hello', {  }, {  })), 1 /* TEXT */))
 }"
 `;
 
@@ -1081,7 +1081,7 @@ exports[`hoistStatic option: on > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t('hello', {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -1123,7 +1123,7 @@ exports[`hoistStatic option: on > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t('hello', {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -1277,7 +1277,7 @@ exports[`hoistStatic option: on > <div v-t="'hello'"/> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t('hello', {  }, {  })",
+            "content": "(_ctx.t || _ctx.$t)('hello', {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -1369,7 +1369,7 @@ exports[`invalid expression > <p v-t="[0]"></p> 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("p", null, _toDisplayString(_ctx.t(, {  }, {  })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("p", null, _toDisplayString((_ctx.t || _ctx.$t)(, {  }, {  })), 1 /* TEXT */))
 }"
 `;
 
@@ -1384,7 +1384,7 @@ exports[`invalid expression > <p v-t="[0]"></p> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(, {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)(, {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -1426,7 +1426,7 @@ exports[`invalid expression > <p v-t="[0]"></p> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(, {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)(, {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -1602,7 +1602,7 @@ exports[`invalid expression > <p v-t="[0]"></p> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t(, {  }, {  })",
+            "content": "(_ctx.t || _ctx.$t)(, {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -4057,7 +4057,7 @@ exports[`literal > object: path, locale, args, plural > <div v-t="{ path: 'desse
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(_ctx.t('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString((_ctx.t || _ctx.$t)('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })), 1 /* TEXT */))
 }"
 `;
 
@@ -4072,7 +4072,7 @@ exports[`literal > object: path, locale, args, plural > <div v-t="{ path: 'desse
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })",
+                "content": "(_ctx.t || _ctx.$t)('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -4114,7 +4114,7 @@ exports[`literal > object: path, locale, args, plural > <div v-t="{ path: 'desse
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })",
+                "content": "(_ctx.t || _ctx.$t)('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -4594,7 +4594,7 @@ exports[`literal > object: path, locale, args, plural > <div v-t="{ path: 'desse
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })",
+            "content": "(_ctx.t || _ctx.$t)('dessert', { name: 'banana' }, { locale: 'en', plural: 2 })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -4686,7 +4686,7 @@ exports[`literal > path > <div v-t="'hello'"/> 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(_ctx.t('hello', {  }, {  })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString((_ctx.t || _ctx.$t)('hello', {  }, {  })), 1 /* TEXT */))
 }"
 `;
 
@@ -4701,7 +4701,7 @@ exports[`literal > path > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t('hello', {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -4743,7 +4743,7 @@ exports[`literal > path > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t('hello', {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -4897,7 +4897,7 @@ exports[`literal > path > <div v-t="'hello'"/> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t('hello', {  }, {  })",
+            "content": "(_ctx.t || _ctx.$t)('hello', {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -4989,7 +4989,7 @@ exports[`no specify > <div v-t=""/> 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(_ctx.t(, {  }, {  })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString((_ctx.t || _ctx.$t)(, {  }, {  })), 1 /* TEXT */))
 }"
 `;
 
@@ -5004,7 +5004,7 @@ exports[`no specify > <div v-t=""/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(, {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)(, {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -5046,7 +5046,7 @@ exports[`no specify > <div v-t=""/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "_ctx.t(, {  }, {  })",
+                "content": "(_ctx.t || _ctx.$t)(, {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -5171,7 +5171,7 @@ exports[`no specify > <div v-t=""/> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "_ctx.t(, {  }, {  })",
+            "content": "(_ctx.t || _ctx.$t)(, {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -5266,7 +5266,7 @@ return function render(_ctx, _cache) {
   with (_ctx) {
     const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = _Vue
 
-    return (_openBlock(), _createElementBlock("div", null, _toDisplayString(t('hello', {  }, {  })), 1 /* TEXT */))
+    return (_openBlock(), _createElementBlock("div", null, _toDisplayString((t || $t)('hello', {  }, {  })), 1 /* TEXT */))
   }
 }"
 `;
@@ -5282,7 +5282,7 @@ exports[`prefixIdentifiers option: off > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "t('hello', {  }, {  })",
+                "content": "(t || $t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -5324,7 +5324,7 @@ exports[`prefixIdentifiers option: off > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "t('hello', {  }, {  })",
+                "content": "(t || $t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -5449,7 +5449,7 @@ exports[`prefixIdentifiers option: off > <div v-t="'hello'"/> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "t('hello', {  }, {  })",
+            "content": "(t || $t)('hello', {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
@@ -5541,7 +5541,7 @@ exports[`script setup > <div v-t="'hello'"/> 1`] = `
 "const { toDisplayString: _toDisplayString, openBlock: _openBlock, createElementBlock: _createElementBlock } = Vue
 
 return function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (_openBlock(), _createElementBlock("div", null, _toDisplayString($setup.t('hello', {  }, {  })), 1 /* TEXT */))
+  return (_openBlock(), _createElementBlock("div", null, _toDisplayString(($setup.t || _ctx.$t)('hello', {  }, {  })), 1 /* TEXT */))
 }"
 `;
 
@@ -5556,7 +5556,7 @@ exports[`script setup > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "$setup.t('hello', {  }, {  })",
+                "content": "($setup.t || _ctx.$t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -5598,7 +5598,7 @@ exports[`script setup > <div v-t="'hello'"/> 2`] = `
             "children": [
               {
                 "constType": 0,
-                "content": "$setup.t('hello', {  }, {  })",
+                "content": "($setup.t || _ctx.$t)('hello', {  }, {  })",
                 "isStatic": false,
                 "loc": {
                   "end": {
@@ -5752,7 +5752,7 @@ exports[`script setup > <div v-t="'hello'"/> 2`] = `
         "children": [
           {
             "constType": 0,
-            "content": "$setup.t('hello', {  }, {  })",
+            "content": "($setup.t || _ctx.$t)('hello', {  }, {  })",
             "isStatic": false,
             "loc": {
               "end": {
diff --git a/test/ssr.test.ts b/test/ssr.test.ts
index 41868ce..d16c353 100644
--- a/test/ssr.test.ts
+++ b/test/ssr.test.ts
@@ -1,5 +1,5 @@
 import * as runtimeDom from '@vue/runtime-dom'
-import { BindingTypes } from '@vue/compiler-dom'
+import { BindingTypes, DirectiveTransform } from '@vue/compiler-dom'
 import { compile } from '@vue/compiler-ssr'
 import { transformVTDirective } from '../src/transform'
 import { defineComponent, createSSRApp } from 'vue'
@@ -117,3 +117,84 @@ test('script setup', async () => {
   app.use(i18n)
   expect(await renderToString(app)).toMatch(`<div>I eat 2 bananas!</div>`)
 })
+
+test('different translation signatures', async () => {
+  const i18n = createI18n({
+    legacy: false,
+    locale: 'en',
+    messages: {
+      en: {
+        hello: 'hello global!'
+      }
+    }
+  })
+
+  const transformVT = transformVTDirective({
+    translationSignatures: ['t1', 't2']
+  })
+
+  const compileWithCustomDirective = (source: string, direcive: DirectiveTransform) => {
+    const { code } = compile(source, {
+      mode: 'function',
+      bindingMetadata: {
+        t1: BindingTypes.SETUP_CONST,
+        t2: BindingTypes.SETUP_CONST,
+        foo: BindingTypes.SETUP_CONST
+      },
+      directiveTransforms: { t: direcive }
+    })
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval, @typescript-eslint/ban-types
+    return Function('require', 'Vue', code)(require, runtimeDom) as Function
+  }
+
+  const Comp1 = defineComponent({
+    setup() {
+      const { t: t1 } = useI18n({
+        inheritLocale: true,
+        messages: {
+          en: {
+            hello: 'hello local 1!'
+          }
+        }
+      })
+      // @ts-ignore -- script setup mocking
+      return { t1, foo: 1, __isScriptSetup: true }
+    },
+    ssrRender: compileWithCustomDirective(
+      `<div v-t="{ path: 'hello', args: { foo } }"/>`,
+      transformVT
+    )
+  })
+
+  const Comp2 = defineComponent({
+    setup() {
+      const { t: t2 } = useI18n({
+        inheritLocale: true,
+        messages: {
+          en: {
+            hello: 'hello local 2!'
+          }
+        }
+      })
+      return { t2 }
+    },
+    ssrRender: compileWithCustomDirective(`<div v-t="{ path: 'hello' }"/>`, transformVT)
+  })
+
+  const App = defineComponent({
+    components: { Comp1, Comp2 },
+    ssrRender: compileWithCustomDirective(
+      `
+<div v-t="{ path: 'hello' }"/>
+<Comp1 />
+<Comp2 />`,
+      transformVT
+    )
+  })
+
+  const app = createSSRApp(App)
+  app.use(i18n)
+  expect(await renderToString(app)).include(
+    `<div>hello global!</div><div>hello local 1!</div><div>hello local 2!</div`
+  )
+})