Is Typescript in template tags supported?

[markkimsal]

I can't figure out how to get typescript support in the template sections of my SFC.

Volar VSCode IDE plugin works and does not give me any warnings, but the vite:vue2 plugin does.

6:58:22 PM [vite] Internal server error: invalid expression: Unexpected identifier in

    $emit('update:editingPia', (($event.currentTarget) as HTMLInputElement).value)

  Raw expression: @input="$emit('update:editingPia', (($event.currentTarget) as HTMLInputElement).value)"

  Plugin: vite:vue2
  File: /app/resources/js/liquidation/components/SubFormClaimAmount.vue

I can't emit the value of any event up to the parent. I have to write a custom method and have that cast to HTMLInputElement

                <label for="client_pia"
                >Primary Insruance Amount:</label>
                <input
                style="width: initial;"
                class="form-control"
                size="7"
                id="client_pia"
                name="client_pia"
                v-bind:value="editingPia"
                @input="$emit('update:editingPia', (($event.currentTarget) as HTMLInputElement).value)"
                />
            </div>

[markkimsal]

I think I have found my own answer:

❌ TypeScript syntax in template expressions (incompatible w/ Vue 2 parser)

from
https://v2.vuejs.org/v2/guide/migration-vue-2-7.html#Behavior-Differences-from-Vue-3