Passing data to pages

Controller File

public function index(){
    return inertia('Index',[
        'message' => 'Demo text'
    ]);
}

Vue File

<template>

    <h1>hello</h1>

<Link href="/about">About</Link>

    <p>hey {{ message }} </p>

</template>
<script setup>
 import {Link} from "@inertiajs/vue3";


 defineProps({
     message: String
 })
</script>