Pinia with nuxt 3 srr

[ulandu]

I'm trying to initialize a variable I have in store, in this case for example a counter, starting at 0 and when I load the page add 1 to it:

import { defineStore } from ‘pinia’.

export const useTestStore = defineStore(‘test’, {
  state: () => ({
    counter: 0
  }),
  getters: {
    getCounter: (state) => state.counter
  },
  actions: {
    incrementCounter() {
      this.counter++;
    }
  },
})

  setup() {
    const store = useTestStore()

    store.incrementCounter()

    return {
      store,
      counter: computed(() => store.getCounter)
    }
}

the problem is that it executes it twice and gives me a hydratacion error, is there a way to call the function without it being done twice without using mounted or beforemounted?

thanks :)