With vue-i18n it gives types error of $t and $i18n usage

[dhavalt091]

As soon as i enable/install Vue Language Features (Volar) in VS code, i get type errors in html wherever $t and $i18n is used.

<template> <h1>{{ $t('views.home.title') }}</h1> <h1>{{ $i18n.locale }}</h1> </template>
Above is my html.

And below is how i get errors/warnings by volar.

What am i missing here?

[DemocracyAndScience]

yes , I have same error,
类型“CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, { isClient: typeof isClient; SocialMediaEnum: typeof SocialMediaEnum; ruleFormRef: typeof ruleFormRef; formData: typeof formData; rules: typeof rules; resetForm: typeof resetForm; submitForm: typeof submitForm; }, ... 17 more ..., {}>”上不存在属性“$t”。ts-plugin(2339)