is it possible to add "middleware" inside actions

[RobyCigar]

here's the case, i want to create function called withLoader, i want that the withLoader function is called everytime i access action in pinia

function withLoader(fn) {
  return function() {
    setLoader(true);
    const result = fn.apply(this, arguments);
    setLoader(false);
    return result;
  };
}

so everytime i make a store like this...

export const useCartStore = defineStore({
  id: 'cart',
  state: () => ({
...

  actions: {
    someFetch() {
      // i wish the withLoader get executed
    }
  }

the someFetch function should be automatically execute the withLoader
how can i do that in pinia?

[RobyCigar]

I already experimention with this code but the withLoader function doesnt get executed

const app = createApp(App)
pinia.use(({ store, options }) => {
  function withLoader(fn) {
    return function() {
      store.isLoading = true;
      console.log('executed -----------------')
      const result = fn.apply(this, arguments);
      store.isLoading = false
      return result;
    };
  }

  Object.keys(options.actions).forEach(it => {
    console.log('it', it)
    options.actions[it] = withLoader(options.actions[it])
  })
})
app.use(pinia)
app.mount('#app')

[RobyCigar]

nvm, solved it

[RobyCigar]

  store.$onAction((it) => {
    // react to store actions
    it.store.loading = true
    console.log('before', it)
    it.after(() => {
      console.log('after', it)
      it.store.loading = false
    })
  })

i just replace my withLoader function, and did this instead
basically the onAction function trigerred everytime we call the action.
and the after function works after the action finish to execute