Data flow between preFetch and Setup in composition API.

[Matman94]

Hi,
How does this data flow work in the end?

I have this code:

component:

preFetch({
     store,
     currentRoute,
     previousRoute,
     redirect,
     ssrContext,
     urlPath,
     publicPath,
   }) {
     const dealsStore = useDealsStore(store);
     const api = useDealDetailsApi();
     if (!!currentRoute.params.id) {
       api.getDealDetails(currentRoute.params.id).then((resp) => {
         console.debug("what's the response: ", resp);
         dealsStore.loadProduct(resp.data.deal);
       });
     }
   },
setup() {
const details = computed(() => {
       return store.product;
     });

return { details }

}

store/dealsStore.js

import { defineStore } from "pinia";
import { api } from "boot/axios";

export const useDealsStore = defineStore("DealsStore", {
   state: () => ({
     product: Object
   }),
   getters: {},
   actions: {
     loadProduct(product) {
       this.product = product;
     }
   },
});

The first time I run the app from scratch using the command: quasar dev -m ssr, the code in PreFetch runs and is displayed in the developer console: what's the response: {any response}.
But despite everything, computed with details does not run, it does not see that the state has changed. Why?

And the second thing is, do you have to restart the application every time, but the code in preFetch has been executed? The second time I reload the page, it no longer displays the response in the console...