Best practices for Vue 3 using Typescript interfaces and reactivity with complex objects

Question

In Vue 3 (Composition API) when dealing with a complex structure that comes from the backend (think nested objects/arrays/tree) I first define the interface(s). For example: