Add reactive $wire.$errors to show and remove errors without needing a network request

wire-errors.js

document.addEventListener('livewire:init'), () => {
    Livewire.hook('component.init', ({ component }) => {
        const errors = {}
        component.ephemeral.$errors = Object.assign({}, errors)
        component.reactive.$errors = Object.assign({}, errors)
    })
    
    Livewire.hook('commit.prepare', ({ component }) => {
        delete component.ephemeral.$errors
        delete component.reactive.$errors
    })
    
    Livewire.hook('commit', ({ component, succeed }) => {
        succeed(({ snapshot }) => {
            const errors = JSON.parse(snapshot).memo.errors
            component.ephemeral.$errors = Object.assign({}, errors)
            component.reactive.$errors = Object.assign({}, errors)
        })
    })
})