请问一个关于 vue3 和 typescript 的两个非常基础的问题

都是基础的问题，不过怎么查也没有查到想要的答案，还请各位大佬轻喷

问题一

假设我有一个 ts 对象接口，然后我初始化了一个 reactive
这里我并没有使用?（可选属性）因为我知道所有的属性都是必要的

   interface TEST {
      id: number
      name: string
   }

   let test = reactive<TEST>() // 报错

我知道没有用可选属性就必须初始所有的属性，所以报错
但是假如这是一个拥有大量属性的对象，那我也必须初始所有属性？
比如一个 vue 文件有 2 个 reactive ，一个包括 20 个属性，全部初始化出来感觉很占地方
请问有没有什么小技巧之类的方法？

问题二

还是上面的接口，我初始化了 reactive
这里面我给了数字类型的 id 一个初始值 0

   let test = reactive<TEST>({
      id: 0,
      name: '',
   })

初始化数字类型，必须要填入数字
请问如果我想在 id 为 0 时（初始时或者其他不需要表示的时候）不显示
只有在逻辑中判断这一种方法嘛？有没有什么 ts 的声明技巧？