No typescript checks on <template> expressions

[pikax]

Any js expression on the template does not get checked.

<template>
  <input :key="thisPropertyDoesNotExists">
  <template v-for="test in []" :key="thisPropertyDoesNotExists"
        :random-invalid-attribute="aslokdjhaskd askdj aslkdj askjdh asodjklasd">
  </template>
</template>

playground

The above code get's converted to

const __sfc__ = {};
import { openBlock as _openBlock, createElementBlock as _createElementBlock, renderList as _renderList, Fragment as _Fragment } from "vue"
function render(_ctx, _cache) {
  return (_openBlock(), _createElementBlock(_Fragment, null, [
    (_openBlock(), _createElementBlock("input", { key: _ctx.thisPropertyDoesNotExists })),
    (_openBlock(), _createElementBlock(_Fragment, null, _renderList([], (test) => {
      return (_openBlock(), _createElementBlock(_Fragment, { key: _ctx.thisPropertyDoesNotExists }, [], 64 /* STABLE_FRAGMENT */))
    }), 64 /* STABLE_FRAGMENT */))
  ], 64 /* STABLE_FRAGMENT */))
}
__sfc__.render = render
__sfc__.__file = "src/App.vue"
export default __sfc__

The Fragment is rendered with key: _ctx.thisPropertyDoesNotExists, other properties are ignored (AFAIK).

[so1ve]

#329, we need to add these bindings to a "usage list" so they can get checked.

This does not apply to template only:

<script setup lang="ts">
const asdfasdf = 1;
</script>

<template>
  <div :class="asdfasdf asfasf asdfasfas" :key="asdfasdf"></div>
</template>

It throws in vue playground, but volar works :(