diff --git a/packages/schema-vue/src/schema.ts b/packages/schema-vue/src/schema.ts
index c4a6281..fccdc88 100644
--- a/packages/schema-vue/src/schema.ts
+++ b/packages/schema-vue/src/schema.ts
@@ -5,6 +5,7 @@ import type {
 } from '@zhead/schema'
 import type { MaybeComputedRef } from '@vueuse/shared'
 import type { MaybeComputedRefEntries, MaybeDeeplyComputedRefArray } from './types'
+import {Ref} from "vue";
 
 export interface ReactiveHead<E extends MergeHead = MergeHead> {
   /**
@@ -17,7 +18,7 @@ export interface ReactiveHead<E extends MergeHead = MergeHead> {
   /**
    * Generate the title from a template.
    */
-  titleTemplate?: Head<E>['titleTemplate'] | ((title?: string | null) => Head<E>['titleTemplate'])
+  titleTemplate?: Head<E>['titleTemplate'] | Ref<Head<E>['titleTemplate']> | ((title?: string) => Head<E>['titleTemplate'])
   /**
    * The <base> HTML element specifies the base URL to use for all relative URLs in a document.
    * There can be only one <base> element in a document.