Watch store variable not triggered after calling setter?

[calicoder77]

Good day, wondering if you folks ran into this issue. I have my store set up with a clicked boolean and I'm using a button to trigger the _ setClicked_ function. My watcher in Component1 is never triggered but doing a normal {{ myStore.clicked }} works on the page as I see it switching from FALSE to TRUE. Any tips would be greatly appreciated, thanks.

myStore.js

import { defineStore } from 'pinia'

const useMyStore = defineStore('myStore', {
    state: () => {
        return {
            clicked: false,
        }
    },
    getters: {
        getClicked() {
            return this.clicked
        },
    },
    actions: {
        setClicked() {
            this.clicked = true
        },
    },
})
export default useMyStore

Component1.vue

<script setup>
import useMyStore from '@/stores/myStore.js'
import { watch } from 'vue'

const myStore = useMyStore()

watch(myStore.clicked, () => { console.log('Clicked!')})
</script>

<template>
    <button @click="myStore.setClicked">Click here</button>
</template>