Soy bastante nuevo en Vue 3 y me cuesta mucho entender algunos conceptos de la API de composición. Estoy tratando de transferir una biblioteca que estoy usando de vue 2 a vue 3, y en un elemento principal, una propiedad reactiva llamada layout se pasa a los componentes secundarios.

Entonces, en el componente principal, devuelvo el layout a los niños de esta manera:

 setup(props){ const layout = ref({'width': 10, ... }) return { layout, ... } }

El problema es que, para acceder al width o cualquier otro valor reactivo en el layout desde cualquier componente secundario, necesito usar la sintaxis layout.value.width . Esto es un gran problema porque a lo largo de todo el layout del proyecto se hace referencia a layout.width , esto significa que necesito agregar un .value a cada referencia al layout y hacer lo mismo con todas las demás variables reactivas que estoy pasando a mis hijos. componentes ¿Hay alguna forma de evitar esto o simplemente no obtengo algunos conceptos importantes de la API de composición?