How to let eslint show red wavy line for undefined varibles in template block without lang=ts in script block in a vite + vue3 project?

[xiangnanscu]

Hello, I create a project by npm create vue( with typescript+eslin+prettier options), and here:

<script setup>
defineProps({
  msg: String,
})
</script>

<template>
  {{ msg2 }}
</template>

as you can see, no red wave line appears under msg2, how to solve this?

[Shyam-Chen]

https://marketplace.visualstudio.com/items?itemName=Vue.volar

[xiangnanscu]

volar is enabled, no effect