what is the best practice for SSR & prefetch & axios & pinia ?

[s-light]

i have a app that needs SSR.
(google needs to see the rendered html page with the correct structured meta data...)

i would like to use a pinia store for my data management.
so i think i have to use the prefetch-feature
and in this use axios to get the data from the backend and fill my store..

i came up with this in App.vue

<script>
import { api } from "boot/axios";
import { useMyDataStore } from "stores/mydata";
export default {
   async preFetch({ store }) {
        console.log("running preFetch..");
        const mydataStore = useMyDataStore(store);
        console.log(
            `make api request... BASEURL_API:'${process.env.BASEURL_API}'`
        );
        await api
            .get(`mydata`)
            .then((response) => {
                const api_result = response.data;
                console.log(`fill store with ${length(api_result)} entries.`);
                mydataStore.mydata = api_result;
            })
            .catch((error) => {
                if (error.response) {
                    // The request was made and the server responded with a status code
                    // that falls out of the range of 2xx
                    console.log(error.response.data);
                    console.log(error.response.status);
                    console.log(error.response.headers);
                } else if (error.request) {
                    // The request was made but no response was received
                    // `error.request` is an instance of XMLHttpRequest in the browser and an instance of
                    // http.ClientRequest in node.js
                    console.log(error.request);
                } else {
                    // Something happened in setting up the request that triggered an Error
                    console.log("Error", error.message);
                }
                console.log(error.config);
            });
    },
};
</script>

any ideas / tips what to look out for...

sunny greetings
stefan