I did this
return redirect()->back()->with('success', 'Saved successfully.'); //controller
//vue
<script setup> import { ref, computed, onMounted, onBeforeUnmount } from 'vue'; import { Link, router, useForm, usePage } from '@inertiajs/vue3';const props = defineProps({ user: Object, userRole: String, });const page = usePage(); const successMessage = computed(() => page.props.flash.success); const errorMessage = computed(() => page.props.flash.error);
<div v-if="successMessage" class="text-green-500 text-sm"> //template
{{ successMessage }}
</div>
<div v-if="errorMessage" class="text-red-500 text-sm">
{{ errorMessage }}
</div>
The only problem with mine is that success is not included in middleware, I added it and it's working properly