regression with directives and strictTemplates in v1.6

[cexbrayat]

Using vue-tsc in v1.6.4 with strictTemplates: true throws for a simple directive like:

Focus.ts

import { type Directive } from 'vue';

export const vFocus: Directive<HTMLInputElement> = {
  mounted(el) {
    el.focus();
  }
};

App.vue

<script setup lang="ts">
import { vFocus } from './Focus';
</script>

<template>
  <input v-focus name="name" />
</template>

Error:

src/App.vue:6:10 - error TS2345: Argument of type 'ElementAttrs<InputHTMLAttributes>' is not assignable to parameter of type 'HTMLInputElement'.
  Type 'InputHTMLAttributes & ReservedProps' is missing the following properties from type 'HTMLInputElement': align, defaultChecked, defaultValue, dirName, and 303 more.

6   <input v-focus name="name" />
           ~~~~~~~

Repro https://stackblitz.com/edit/node-witrt2?file=vue-project/tsconfig.app.json

cd vue-project
pnpm i
pnpm type-check

[cexbrayat]

Updated repro using Vue playground

https://play.vuejs.org/#eNp9kstuwjAQRX/F8gaQaFiwg4DUB1Wp+lLL0psoDNTUsS17nFKh/HvHTgmtVLFKPPd6fDzXB35pbVYH4BOe+9JJi8wDBstUobczwdELPhdaVtY4ZAdW35oyeNawjTMV62WjtO5Nhc5H7X5y0wKhsqpAoBVjudQ2IKsvNmmzLiqg1vEjOBuRJR91fj6kM0ujN3Kb7bzRBHaIPQQvTWWlAvdsURpNXBOWlKgVSpnP+1RDF2B4rJfvUH78U9/5fawJ/uLAg6sJpNOwcFvAVl68PcGe/juxMuugyH1GfAVvVIiMre0q6DVh//Il2mUaqdTblV/sEbQ/XiqCRmeT/IJTOtdnrn7CHWfj7giPTpa4+pnq375CNzTlFFyGngbcpYtfFtiNdFCirKFLmQhiwkLDPhkpHk9xpg6Tkz+/Wz0+LGPUCwUVaJyzWctZmaAR1n1QgyM4qCy9hv6AOrdQU958A6Mn2s8=

[so1ve]

Hi @cexbrayat 👋 Thanks for your reproduction! Could you please check which version introduces this regression? (If you have time)

[mattersj]

@so1ve I just checked it: exactly 1.6.0. The latest available version on market before that was 1.4.4 and it worked fine.

[so1ve]

Thanks, I'll look into this in a few days.