[VUE.JS]VUE ROUTERでのデータの受け渡しの方法を教えて欲しい(vutify使用)

Question

前提・実現したいこと

実装方法の話になるのですが、Vue.jsのコンポーネント間ではなく、vue-routerで設定した違うルートで表示されるページ（非親子）にデータを渡したい時の方法についてご教授いただきたいです。

具体的には、Contentコンポーネントのタイトルやサブタイトル、画像などの情報を遷移先のContentDetailコンポーネントに渡したいと思っています。しかし、ContentDetailコンポーネントはContentコンポーネントの子コンポーネントではなく、かつ、vuetifyのコンポーネントを使っており、propsを渡すタイミングや方法が不明と言う状況です。
初心者のため、検討違いな実装となっている可能性がありますが、ご教授いただけますと幸いです。

該当のソースコード

Content.vue
※:to="{ name: 'detailPage' }"の記述でContentDetailコンポーネントに遷移する設定をしています。（vuetifyの設定方法）

<template>
  <v-card
    class="v-card mx-auto"
    max-width="1000"
    tile
    :to="{ name: 'detailPage' }"
  >
    <v-img src="https://picsum.photos/200" height="200px">
      <div class="fill-height bottom-gradient"></div>
    </v-img>
    <v-card-title>
      Top western road trips
    </v-card-title>
    <v-card-subtitle>
      1,000 miles of wonder
    </v-card-subtitle>
  </v-card>
</template>

Home.vue

<template>
  <v-app dark>
    <Header />
    <!-- <router-link to="/detail">detail</router-link> -->
    <router-view></router-view>
  </v-app>
</template>

<script>
import Header from "./components/Header.vue";

export default {
  components: { Header },
};
</script>

ContentDetail.vue

<template>
  <div class="contentdetail">
    <v-app>
      <v-carousel cycle hide-delimiters>
        <v-carousel-item
          v-for="(item, i) in items"
          :key="i"
          :src="item.src"
        ></v-carousel-item>
      </v-carousel>
      <div class="detailtext">
        <h2>タイトル</h2>
        <p>
          {{src}}
        </p>
      </div>
    </v-app>
  </div>
</template>

router.js

import Vue from "vue";
import Router from "vue-router";
import ContentDetail from "@/components/ContentDetail.vue";
import Home from "@/components/Home.vue";

Vue.use(Router);

export default new Router({
  mode: "history",
  routes: [
    {
      path: "/detail",
      name: "detailPage",
      component: ContentDetail,
    },
    {
      path: "/",
      name: "home",
      component: Home,
    },
  ],
});

試したこと

https://forsmile.jp/vue/910/
こちらのサイトの方法を参考にしてみましたが、いまいちやり方がわかない状態です。

補足情報（FW/ツールのバージョンなど）

"core-js": "^3.6.5",
"vue": "^2.6.11",
"vue-router": "^3.4.9",
"vuetify": "^2.2.11"