Computed property of object converted to getter

[errashe]

My goal was to provide "composable" from store to work with exact object with some key.

For example:

interface Tune {
  uuid: string;
  fromField: string;
  field: ComputedRef<string[]>;
}

type TuneStorage = { [key: string]: Tune };

export const store = defineStore('tunes', () => {
  const tunes = ref<TuneStorage>({});

  function useTune(uuid: string) {
    const tune = tunes.value[uuid];

    tune.field = computed(() => tune.fromField.split(''));
    
    function setFromField(fromField: string) {
       tune.fromField = fromField;
    }

    return { tune, setFromField };
  }

  return { useTune };
})

-----

const tunes = useTunes();
const tune = tunes.useTune('some-uuid-here');

const field = computed(() => tune.field (?.value));

But due to translating computed to getters - there is some unclear interactions with them. And even more - typing failing when i tried to use computed as intended inside store.

There is as much as possible simplified example - i hope that's enough to understand point :>

Is this wrong approach or i need to know something else?

edited

Probably there should be the way of typing those refs/computeds to proper use it inside store and in components? Cuz they used to be Ref'ed, but behavior as actually proxied entities.

edited x2

Guess shallowRef "is the way" (c)
But i still need confirmation or another way, if somebody could provide :>