39. Registrar nuevos clientes

Para los que usan Vue 3, asi me quedo el codigo, para que funcionara la funcion
<script>

            const { createApp } = Vue

            createApp({

                data() {

                    return {

                        createForm:{

                            errors:[],

                            name: null,

                            redirect: null,

                        },

                    }

                },

                methods:{

                    store: function(){

                        axios.post('/oauth/clients', this.createForm)

                        .then(response => {

                            this.createForm.name=null;

                            this.createForm.redirect=null;

                            Swal.fire(

                                'Deleted!',

                                'Your file has been deleted.',

                                'success'

                            );

                        }).catch(error =>{

                            alert('No has completado los datos correspondientes')

                        })

                    }

                }

            }).mount('#app');

        </script>

Realizar estos cambios si se utiliza la versión más reciente de Vue:
{{-- v-model ahora se escribe v-model="name" --}}

<x-text-input v-model="name" type="text" class="w-full mt-1" />

{{-- el script ahora se define de esta forma: --}}
<script>

            // Vue 3

            const { createApp } = Vue

            createApp({

                data() {

                    return {

                        name: 'hello name',

                        redirect: 'hello redirect',

                    }

                }

            }).mount('#app')
</script>

Documentación:
https://vuejs.org/guide/quick-start.html#using-the-global-build

Hola. En el video se hace uso de Vue2, para Vue3 al parecer (por lo menos en mi caso) no funciona correctamente. A continuación un ejemplo sobre como se crea actualmente un objeto Vue 3 segun la documentación https://vuejs.org/guide/quick-start.html por lo que se hizo la comparación junto con ajustes respectivos y funcionó:

<script>
  const { createApp } = Vue

  createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

hola te consulto justo en esta parte de vue y axios no me estaría andando trato de pegar para que lo puedas ver.

cdn:

   {{-- vue --}}

  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>

    {{-- axios --}}

    <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script>

----------------------------------------------------------------------------------------

agrego el stack en app,blade:

   @stack('js')

</body>

lo llamo desde index.blade:

  </x-container>

    {{-- aca arrancamos vue --}}

    @push('js')

        <script>

            new Vue({

                el: "#app",

                data:{

                    createForm:{

                        name: "uno",

                        redirect: "dos",

                    }

                }

            });

        </script>

    @endpush

</x-app-layout>

-----------------------------------------------------------------------------------

lo relacione con los input:

 <x-text-input v-model="createForm.name"  type="text" class="w-full mt-1" />

 <x-text-input v-model="createForm.redirect"  type="text" class="w-full mt-1" />

-----------------------------------------------------------------------------------

pero no me muestra ni los input con parametros de prueba.

desde ya pido disculpas por las molestias