diff --git a/packages/utils/vue/install.ts b/packages/utils/vue/install.ts
index fe1c512589..08b7fbb793 100644
--- a/packages/utils/vue/install.ts
+++ b/packages/utils/vue/install.ts
@@ -1,6 +1,6 @@
 import { NOOP } from '@vue/shared'
 
-import type { App } from 'vue'
+import type { App, Directive } from 'vue'
 import type { SFCInstallWithContext, SFCWithInstall } from './typescript'
 
 export const withInstall = <T, E extends Record<string, any>>(
@@ -30,7 +30,10 @@ export const withInstallFunction = <T>(fn: T, name: string) => {
   return fn as SFCInstallWithContext<T>
 }
 
-export const withInstallDirective = <T>(directive: T, name: string) => {
+export const withInstallDirective = <T extends Directive>(
+  directive: T,
+  name: string
+) => {
   ;(directive as SFCWithInstall<T>).install = (app: App): void => {
     app.directive(name, directive)
   }