vue3这个地方出了一点小问题

写VUE3中出现了这个问题，网上找不着这个问题该怎么解决，来问问

<script>
import adaptive from '@/directive/el-table'
export default { 
  name:'Test',
  directives: { adaptive },
};
   data()  {
  return {
    tableData= []  }   }
script>

vscode给的错误提示是 应为“;”。ts(1005)，在data后的{位置。

找到文件->首选项->设置
扩展 Typescript 中去掉 javascript > validate:Enable 验证即可

代码不是应该这么写吗？

<script>
    import adaptive from '@/directive/el-table'
    export default {
        name: 'Test',
        directives: {
            adaptive
        },
        data() {
            return {
                tableData = []
            }
        }
    };
</script>