Wrapping a function inside a reactive object

[guysagy]

Hi.

I would like to get opinions on creating a reactive object with both primitives and functions, something like this :

import { reactive } from 'vue';

const state = reactive({
  count: 0,
  increment: function() {
    this.count++; // Accessing reactive property
  },
  doubleCount: function() {
    return this.count * 2; // Accessing reactive property
  }
});

console.log(state.doubleCount()); // 0

state.count = 5;
console.log(state.doubleCount()); // 10

... in a web application of course. This being a very simplistic code structure for demo here.
Any opinions on this reactive() usage pattern ?
Will putting functions in a reactive object cause any issues in an application ?

Thank you!