hbuilder创建vue3+ts的项目，使用ref创建一个值，在调用的时候 提示 类型xx上不存在属性'value'

<template>
    <button @click="clickFN">点我获取abutton>
template>
<script setup lang="ts">
    import { ref } from 'vue'
    var a = ref(0)
    const clickFN = () => {
        console.log(a.value);
    }
script>
<style>
style>

想试一下hbuilder，就写了一个非常简单的例子，但是问题来了，我在调用输出用ref定义的基本类型数值的时候，a.value报错，
提示：property 'value' does not exist on type number （翻译过来是，类型number上不存在属性value）
是我没有安装对应的插件吗？还是我还有什么配置不对呢？网上找了一下也没找到对应的问题，请问各位你们再用hbuilder的时候遇到过这样的问题吗？
下面是报错的截图：

把lang=ts去掉