Vue3.0+ts这个筛选怎么做？

Question

对vue不是太熟悉，先贴代码

import {defineComponent,onMounted,ref,reactive} from"vue"
export default defineComponent({
    name:'',
    components:'',
    setup(){
            let tableData = ref([])
            let callBoardData: any = []
            let search=ref('')
            const query=(){
                console.log(search.value)
                console.log(callBoardData)
                console.log(tableData.value)
                //写了三个输入数据的，输出内容在图片上，callBoardData是接口获取，然后通过
                //tableData.value=callBoardData给的tableData，想通过筛选tableData重新赋值，
                //不知道怎么从图中的数据中取到数据，比如ID，releasetitle这些
                tableData.value=callBoardData.filter((item:typeof callBoardData)=>{
                    item.id.includes(search.value)
                })//这种item么有ID，item[0]就有
            }
            return {
            tableData，search，query
            }
        }
})

        <div>
            <el-input v-model="search" type="text" placeholder="输入内容" />
            <el-button  @click="query">查询</el-button>
        </div>
        <el-table style="width: 100%;" :data="tableData" stripe>
        </el-table>

想做成大概这样的效果