Confusing Code comment in docs for "Setup Stores"

[twofingerrightclick]

In following the "Setup Stores" docs I am lead to think that I can watch Ref or ComputedRef type props of a store in a component, or use them in a computed in a component, because I am misunderstanding the comment in the docs that says "you could also just use store.doubleCount directly". It should clarify that it can only be used directly in the template.

Using Pinia 2.0.33

import { defineStore } from "pinia";

export const useFooStore = defineStore("FooStore", () => {
  const foo = ref("foo");
  const bar = ref("bar");
  const fooBar = computed(() => foo.value + bar.value);
  return {
    fooBar,
  };
});

// in component setup function

const fooStore = useFooStore(); 

// not valid
watch(fooStore.fooBar, (newValue, oldValue) => {
  console.log("foo value changed", newValue, oldValue);
});

// working
const thisFooBar = computed(() => fooStore.fooBar);

watch(() => thisFooBar, (newValue, oldValue) => {
  console.log("foo value changed", newValue, oldValue);
});

The docs: