[useFetch] Component is already mounted, please use $fetch instead.

async getProduct(handle) {
      const regionsStore = useRegionsStore();
      const queryParams = new URLSearchParams({
        fields: `*variants.calculated_price`,
        region_id: regionsStore.regionId,
        country_code: regionsStore.selectedRegion.countries[0].iso_2,
      });
      const { MEDUSA_PUBLISHABLE_KEY } = useRuntimeConfig().public;
      try {
        const { data } = await useFetch(
          `http://localhost:9000/store/products?handle=${handle}&${queryParams.toString()}`,
          {
            credentials: "include",
            headers: {
              "x-publishable-api-key": MEDUSA_PUBLISHABLE_KEY,
            },
          }
        );

        return data.value.products[0];
      } catch (error) {
        throw error;
      }
    },