Watch props

[unkempt raven]

Hey 👋

I'm trying to retrieve errors from a POST request.

Backend

 return redirect()->back()->withErrors(['foo' => 'bar']);

Frontend

<script setup>
import { computed, watch } from 'vue'
import { usePage, router } from '@inertiajs/vue3'

const { props } = usePage()
const errors = computed(() => props.errors)

watch(errors, (newErrors) => {
    console.log(newErrors)
})

function submit() {
    router.post('/foo')
}
</script>

What am I missing?

Thank you 😄

[hazy tartan]

Why don’t you use the use form helper?

https://inertiajs.com/forms

You will have the erros in the form object

[unkempt raven]

Well, I want to use notiwind (https://github.com/emmanuelsw/notiwind)
And should use in composition api something like:

notify({
  group: "foo",
  title: "Success",
  text: "Your account was registered!"
}, 4000)

[cunning minnow]

Inertia also provides a onError callback you can use

[unkempt raven]

Ok, got it! 🙂

function submit() {
    router.post('/generate-key', {}, {
        onError: () => {
            notify({
                group: "notification",
                title: "Error",
                text: "Foo"
            }, 4000)
        }
    })
}

Seems fine, thank you