(Nota: esta es probablemente una pregunta tonta)

Tengo un código vue que he escrito como práctica en un sandbox de código mío en el siguiente enlace: https://codesandbox.io/s/is-this-a-side-effect-p62khk?file=/src/App .vue

dentro de la propiedad calculada que he escrito, devuelve un objeto que hace referencia a una función utilizada por un evento de clic en el componente actual:

 computed: { doSomething() { return { update: this.something !== "doink" ? "You are okay" : "You are not okay", doThis: this.task, //This is the referenced function used by the click event }; }, },

Aquí está el código de la plantilla con el evento de clic:

 <template> {{ something }} <button @click="doSomething.doThis">{{ "test" }}</button> {{ doSomething.update }} </template>

Me gustaría pasar este objeto devuelto de la propiedad calculada mencionada anteriormente como accesorio a un componente secundario. Además, este método al que se hace referencia SÍ muta un solo estado reactivo que he definido en mi modelo de datos:

Aquí está el método de tarea al que se hace referencia:

 methods: { task() { this.something = "doink"; console.log("task1"); }, },

Aquí está el estado dentro de mi modelo de datos:

 data() { return { something: "bla", }; },

¿Se considera esto un "efecto secundario" a pesar de que no llamo directamente a su método de referencia dentro de su cuerpo, sino que lo uso más tarde dentro del evento de clic que se mostró anteriormente (del cual lo más probable es que se defina dentro de un componente secundario)

NOTA: la razón por la que hago esta pregunta es porque estoy usando una biblioteca (devextreme) que tiene algunos componentes que requieren objetos de configuración. Sin embargo, aunque todos los tutoriales que encontré muestran estos componentes usando el modelo de datos de su componente principal para almacenarlos, me gustaría que se almacenen dentro de accesorios computados para que algunas de sus propiedades de configuración se actualicen en función de ciertos cambios de estado. Y, lo que es más importante, mantenga mi modelo de datos limpio y solo centrado en el estado de almacenamiento y NO en la configuración de los componentes. Aquí se puede mostrar un ejemplo de estos objetos de configuración que se utilizan en el modelo de datos:

https://js.devexpress.com/Demos/WidgetsGallery/Demo/Common/CustomTextEditorButtons/Vue/Light/

¡Cualquier consejo o recomendación para esto sería muy apreciado! ¡Gracias!