【Nuxt.js】フォームに入力した値を完了画面で取得したい

前提・実現したいこと

Nuxt.jsで実装しています。

入力画面、完了画面の2画面があります。
入力して送信ボタンを押したら、完了画面に遷移します。

完了画面で、入力画面で入力した値を取得したいのですが、その方法が分かりません。
v-model？vuex？emit？何を使えばいいのかが分かっていない状態です。

最終的には、入力した値は画面に表示するのではなく、変数に格納してその値をAPIに渡したいです。

該当のソースコード（入力画面）

<template>
  <div>
    <form action="/contact/thanks/" method="POST">
      <input
        type="text"
        id="user_name"
        name="user_name"
        placeholder="氏名・会社名を入力してください"
        v-model="user_name"
        autocomplete="name"
        required="required"
      />
      <input
        type="email"
        id="user_mail"
        name="user_mail"
        pattern="^[a-zA-Z0-9-_.]+@[a-zA-Z0-9-_.]+$"
        title="メールアドレスの形式で入力してください"
        placeholder="メールアドレスを入力してください"
        v-model="user_mail"
        autocomplete="user_mail"
        required="required"
      />
      <textarea
        id="message"
        name="message"
        placeholder="お問い合わせ内容を入力してください"
        v-model="message"
        required="required"
      ></textarea>
      <button type="submit" class="c-form__btn c-link-btn--01">
        送信する
      </button>
    </form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      user_name: "",
      user_mail: "",
      message: ""
    };
  }
};
</script>

該当のソースコード（完了画面）

<template>
  <div>
    完了画面です
  </div>
</template>
<script>
import axios from "axios";

export default {
  async asyncData({ $config }) {
    const { data } = await axios.post(
      "https://xxx/hoge.com",
      {
        fields: [
          {
            name: "user_name",
            value: "名字 名前" // ここに入力した値を入れたい
          },
          {
            name: "user_mail",
            value: "ex@gmail.com" // ここに入力した値を入れたい
          },
          {
            name: "message",
            value:
              "お問い合わせ内容です" // ここに入力した値を入れたい
          }
        ],
      },
      {
        headers: {
          "Content-Type": "application/json"
        }
      }
    );
    return data;
  }
};
</script>