<Link :href="route('inertia.index')"></Link>

use App\Http\Controllers\InertiaTestController;
～略～
Route::get('/inertia/index',[Inertia TestController::class,'index'])->name('inerta.index');

# php artisan make:controller InertiaTestController

   INFO  Controller [C:\xampp\htdocs\uCRM\app/Http/Controllers/InertiaTestController.php] created successfully.

# php artisan route:list

  ~略~
▼設定したものが表示されればOK
  GET|HEAD  inertia/index inertia.index › InertiaTestController@index
  ~略~

[plugin:vite:vue] At least one <template> or <script> is required in a single file component.

/mnt/c/xampp/htdocs/uCRM/resources/js/Pages/Inertia/Index.vue

<script setup>
</script>
<template>
    ああああああ
</template>

<Link :herf="route('inertia.show', {id : 1 })">button</Link>

Route::get('/inertia/show/{id}', [InertiaTestController::class,'show'])->name('inertia.show');

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

<script setup>
defineProps({
    id : String
})
</script>
<template>
    {{  id  }}
</template>

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('inertia_tests', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->string('content');
            $table->timestamps();

        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('inertia_tests');
    }
};

# php artisan migrate

   INFO  Running migrations.

  2023_11_25_211538_create_inertia_tests_table  8ms DONE

<?php

namespace App\Http\Controllers;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
// 追加
use Inertia\Inertia;
// Linkコンポーネントでstore保存
use App\Models\InertiaTest;

class InertiaTestController extends Controller
{
    public function index()
    {
        return Inertia::render('Inertia/Index');
    }
    public function show($id)
    {
        // dd()
        // ララベルのデバッグ
        // 処理を止めて変数の値をみることができる
        // dd($id);
        return Inertia::render('Inertia/Show',
        [
            // 引数として入ってきた値をvue側に渡す
            'id' => $id
        ]);
    }
    // Linkコンポーネントでstore保存
    public function store(Request $request)
    {
        $inertiaTest = new InertiaTest;
        $inertiaTest->title = $request->title;
        $inertiaTest->content = $request->content;
        // DBに保存
        $inertiaTest->save();
        //laravel9の機能
        return to_route('inertia.index');
    }
}

// Linkコンポーネントでsutore保存
Route::post('/inertia',[InertiaTestController::class, 'index'])->name('inertia.store');

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

//フォーム(create)
Route::get('/inertia/create',[InertiaTestController::class, 'create'])->name('inertia.create');

    //フォーム(create) 一般的にはindexメソッドの下に書くことがおおい
    public function create()
    {
        return Inertia::render('Inertia/Create'); //コンポーネント
    }

<script setup>
import { reactive } from 'vue';
import { Inertia } from '@inertiajs/inertia'

const form = reactive({
    title: null,
    content: null
})

// フォームを入力したときの処理
const submitFunction = () => {
    Inertia.post('/inertia', form)
}

</script>
<template>
    <!-- フォーム(create) -->
    <form @submit.prevent="submitFunction">
        <input type="text" name="title" v-model="form.title">
        <input type="text" name="content" v-model="form.content">
        <button>送信</button>
    </form>
</template>

    // Linkコンポーネントでstore保存処理
    public function store(Request $request)
    {
        $request->validate([
            'title' => ['required','max:20'],
            'content' => ['required'],
        ]);

        $inertiaTest = new InertiaTest;
        $inertiaTest->title = $request->title;
        $inertiaTest->content = $request->content;
        // DBに保存
        $inertiaTest->save();
        //laravel9の機能
        return to_route('inertia.index')->with([ //リダイレクトに続けてwithをつけ、セッションメッセージを渡すことができる
            'message' => '登録しました'
        ]);
    }

    public function share(Request $request): array
    {
        return array_merge(parent::share($request), [
            'auth' => [
                'user' => $request->user(),
            ],
            'ziggy' => function () use ($request) {
                return array_merge((new Ziggy)->toArray(), [
                    'location' => $request->url(),
                ]);
            },
            //Inertiaのミドルウェア 部分リロード
            'flash' => [
                'message' => fn() => $request->session()->get('message')
            ]
        ]);
    }

<script setup>
</script>
<template>
    <div v-if="$page.props.flash.message" class="bg-blue-300">
    {{ $page.props.flash.message }}
    </div>
    ああああああ
</template>

    public function index()
    {
        //第二引数は連想配列でkeyとvalueを渡す
        return Inertia::render('Inertia/Index',[
            'blogs'=>InertiaTest::all()
        ]);
    }

<script setup>
// コントローラーから渡す際はdefinePropsを書く
defineProps({
    blogs: Array
})
</script>
<template>
    <!-- フラッシュメッセージなので、リロードしたら消える -->
    <div v-if="$page.props.flash.message" class="bg-blue-300">
    {{ $page.props.flash.message }}</div>
    <ul>
        <li v-for="blog in blogs" :key="blog.id">
            件名：{{ blog.title }},
            本文：{{ blog.content }}
        </li>
    </ul>
</template>

//イベントコールバック
Route::delete('/inertia/{id}',[InertiaTestController::class, 'delete'])->name('inertia.delete');

    public function show($id)
    {
        // dd()
        // ララベルのデバッグ
        // 処理を止めて変数の値をみることができる
        // dd($id);
        return Inertia::render('Inertia/Show',
        [
            // 引数として入ってきた値をvue側に渡す
            'id' => $id,
            'blog' => InertiaTest::findOrFail($id)
        ]);
    }

    // 削除処理
    public function delete($id)
    {
        $book = InertiaTest::findOrFail($id);
        // 削除完了
        $book->delete();

        return to_route('inertia.index')
        ->with([
            'message' => '削除しました'
        ]);
    }

<!-- Linkルートパラメータ実装 -->
<script setup>
import { Inertia } from '@inertiajs/inertia';

defineProps({
    id : String,
    blog: Object
})

// 引数が一つの場合(id)ではなくidだけで良き
const deleteConfirm = id => {
    // //確認用
    // console.log(id)

    //Inertiaコードをかく
    Inertia.delete(`/inertia/${id}`,{
        onBefore: () => confirm('本当に削除しますか')
    })
}
</script>
<template>
    {{  id  }}<br>
    {{ blog.title }}
    <button @click="deleteConfirm(blog.id)">削除</button>
</template>

// 他のコンポーネントを使ってみる
Route::get('/component-test', function () {
    return Inertia::render('ComponentTest');
}
);

<script setup>
import GuestLayout from '@/Layouts/GuestLayout.vue'
import Label from '@/Components/InputLabel.vue'
import Input from '@/Components/TextInput.vue'
</script>

<template>
<GuestLayout>
    やっほー
</GuestLayout>
</template>