Reauestがnullになる

Question

実現したいこと

Udemyで以下の講座を受講しており、
https://www.udemy.com/course/laravel-vue3-crm/learn/lecture/33118760#questions
vue.jsのLinkからLaravelへstoreする箇所で入力値がstoreに渡る箇所がnullになっており、原因がわからず困っています。解決したいです。

発生している問題・分からないこと

入力値がnullで渡り、エラーとなっています。

エラーメッセージ

Illuminate\Database\QueryException
SQLSTATE[23000]: Integrity constraint violation: 19 NOT NULL constraint failed: inertia_tests.title
INSERT INTO
  "inertia_tests" ("title", "content", "updated_at", "created_at")
VALUES
  (?, ?, 2024 -04 -27 08: 58: 24, 2024 -04 -27 08: 58: 24)

該当のソースコード

```web.php（一部）
use Inertia\Inertia;
use App\Http\Controllers\InertiaTestController;
Route::get('/inertia/index', [InertiaTestController::class, 'index'])->name('inertia.index');
Route::post('/inertia', [InertiaTestController::class, 'store'])->name('inertia.store');
Route::get('/inertia/show/{id}', [InertiaTestController::class, 'show'])->name('inertia.show');

<script setup>
import { Head, Link } from '@inertiajs/vue3';
import { ref } from 'vue'

const newTitle = ref('')
const newContent = ref('')

</script>

<template>
Inertiaテストです。<br>
<a href="/">aタグ経由です</a><br>
<Link href="/">Link経由です</Link><br>
<Link :href="route('inertia.index')">名前つきルートの確認です</Link><br>
<Link :href="route('inertia.show', { id: 50 })">ルートパラメータのテストです</Link>

<div class="mb-8"></div>
<input type="text" name="newTtile" v-model="newTitle" />{{ newTitle }}<br>
<input type="text" name="newContent" v-model="newContent" />{{ newContent }}<br>
<Link as="button" method="post" :href="route('inertia.store')" 
:date="{
  title: newTitle,
  content: newContent
}">DB保存テスト</Link>
</template>

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Inertia\Inertia;
use App\Models\InertiaTest;

class InertiaTestController extends Controller
{
    public function index() {
        return inertia::render('Inertia/Index');
    }

    public function show($id) {
        return Inertia::render('Inertia/Show',
        [
            'id' => $id
        ]); 
    }

    public function store(Request $request) {
        $InertiaTest = new InertiaTest;
        $InertiaTest->title = $request->title;
        $InertiaTest->content = $request->content;
        $InertiaTest->save();

        return to_route('inertia.index');
    }
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class InertiaTest extends Model
{
    use HasFactory;
}

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
chatGPTで調べてみましたが、解決に至りませんでした。

### 補足
http://127.0.0.1:8000/inertia-testにアクセスして、
titleとcontentのinputに値を入力し、更新をかけるとエラーになります。
storeメソッドまでは行っており、dd($request->title)を見るとたしかにnullになっています。

どうぞご指導のほど、よろしくお願いいたします。

追記１
ちなみに、$requestには何もはいっていませんでした。
（storeでdd($request)しました）
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-27/def8d13d-5ac4-4cfb-a143-c4fe65f93d58.png)

追記２
nameに綴り間違いがあったので、直したのですが、うまくいかないままです。
newを取ってもうまくいきませんでした。

Answer 1

綴り間違いでした。お騒がせして。すいませんでした。

<Link as="button" method="post" :href="route('inertia.store')" :date="{ title: newTitle, content: newContent }">DB保存テスト</Link>

dateでは無く、dataでした。