2. Instalar paquete Wire UI

Hola Josao ya logre incluirlo no obstante, no creo que sea conveniente trabajar con el nuevo kit de inicio y Wire UI, la principal razon es porque wire ui se diseño con Tailwind 3, y el nuevo kit de inicio se diseño con Tailwind 4, y si bien es cierto muchas cosas van a funcionar igual, otros diseños se van a romper. Por lo que el dia de hoy voy a grabar un video donde enseño a instalar un proyecto en Laravel 12 en el cual se le instala Jetstream.

Ahora si igual quieres instalar Wire UI en el nuevo kit de inicio de Laravel te explico como lo logre.

Primero tienes que instalar el plugin @tailwindcss/forms, eso lo logras abriendo la terminal y ejecutando el comando 

npm install @tailwindcss/forms

Luego tienes que ir al archivo resource/app.css y vas a agregar las siguientes lineas

@plugin "@tailwindcss/forms";

@config "../../vendor/wireui/wireui/tailwind.config.js";

@source '../../vendor/wireui/wireui/src/*.php';
@source '../../vendor/wireui/wireui/ts/**/*.ts';
@source '../../vendor/wireui/wireui/src/WireUi/**/*.php';
@source '../../vendor/wireui/wireui/src/Components/**/*.php';

Tambien te aconsejo que hagas esto:

Publica el archivo de configuracion del paquete, ejecutando esto en consola:

php artisan vendor:publish --tag="wireui.config"

Luego dirigete al archivo config/wireui, y en la propiedad prefix asignale esto:

'prefix' => ‘wire-’

Con esto vas a lograr que si quieres llamar a un componente button, lo hagas asi: <x-wire-button></x-wire-button> Evitando asi que el componente del paquete entre en conflicto con algun componente button que tu puedas haber diseñado.

Finalmente ejecuta estos comandos en la terminal

npm run build
php artisan optimize:clear

Eres grande Victor, funciona muy bien lo estaré probando y muchas gracias por la pronta respuesta. 

Muy agradecido por lo que compartes y el compromiso que demuestras 

Hola buenos dias, instalar en laravel 12, se instala igual que en laravel 11, o laravel 10. Creo que tu pregunta es como incluirlo en los nuevos Kit de inicio ¿Verdad?

El día de hoy voy a iniciar la actualizacion del curso, regresa hoy por la noche y estará la primera mitad del curso regrabado.

Hola, el error te indica que no has definido el tipo ¿Puedes poner tu codigo?

Hola Omar, gracisa por el aporte.

La versión 2 esta en su version de prueba, y para instalaralo debiste haber ejecutado esto

composer require wireui/wireui v2.0.0-beta.0

De lo contrario lo que se ha instalado en tu proyecto es la version 1.18 que es la ultima version estable, la misma que enseño en este curso. Y si estas siguiendo el curso con la documentación de la v2, es obvio que no va funcionar.

es verdad lo unico que hicieron fue que a la version 1 le colocaron livewire3.0

Hola Felipe, gracias por el aporte. Por si alguien se pregunta, se refiere al último capitulo.

Hola Gustavo. En el último capítulo explico como personalizar el nombre de los componentes de wire ui para que no tengas conflictos con los componentes de jetstream