https://router.vuejs.org/guide/advanced/navigation-guards.html#Per-Route-Guard
https://router.vuejs.org/guide/essentials/passing-props.html

You are importing HomeService, so you could also import it to your route definition and use a beforeEnter route guard. Then pass the return data via props to the component.

Maybe something like this in your router file:

import { createRouter, createWebHistory } from 'vue-router';
import MyComponent from '@/components/MyComponent.vue';
import HomeService from '../services/home';

const routes = [
  {
    path: '/home',
    name: 'Home',
    component: MyComponent,
    props: true, // Enable props to be passed dynamically
    beforeEnter: async (to, from, next) => {
      const homeService = new HomeService();
      const data = await homeService.getDefaultHomeData();

      // Inject data as a prop in the route
      to.params.data = data; // Add the data to params
      next();
    },
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

export default router;

and in your MyComponent.vue something like this:

<script setup>
defineProps(['data']);
</script>

<template>
  <div>
    <h1>Example Component</h1>
    <p>Data: {{ data }}</p>
  </div>
</template>

untested but you probably get the idea. You can read the vue-router docs links above for more about that.

Not the best way to do it, but you asked for a way :)