Listado de notas: configuración inicial

Me está encantando Vue.js! Nunca lo había probado

También podemos usar el método compact() para enviar datos desde el controlador; haciendo de esta forma más legible el código.

class NoteController extends Controller
{
    public function index()
    {
        $notes = Note::latest()->get();
        return Inertia::render('Notes/Index', compact('notes'));
    }
}

Para ver los cambios en google chrome ademas de obviamente estar ejecutando npm run watch, tuve que ingresar en una pestaña de incognito, calculo que es porque la pagina me queda en cache de la pc. estoy usando un servidor de paginas web muy bueno llamado Laragon lo recomiendo sobre XAMPP, es muy practico, tiene autohosting de varias paginas simplemente soltando la carpeta dentro con direcciones de acceso lindas usando de base el nombre de la carpeta, si una de las carpetas se llama “laravel” en el navegador ingresas “laravel.test” , también te deja cambiar fácilmente de versión de php.

Ahhh que hermoso es ver a Vue funcionando con Laravel jaja, es decir, el hecho de que puedas cambiar entre secciones sin que se recargue lla página.
.
Ahora lo que se me hace curioso es el cómo funciona, es decir, me imagino que Laravel le pasa su sistema de rutas a Vue… oh estaba revisando las dependencia y veo que están usando la dependencia tightenco/ziggy, esta dependencia yo la usaba mucho para pasar mis rutas de Laravel a mi front, así que efectivamente Laravel le está pasando las rutas a Vue OwO, seguramente Vue usa su sistema de rutas interno para tener conocimiento de las rutas de Laravel y renderizar las vistas necesarias

Asombroso como puedes volver responsive una página con solo DOS LETRAS, un aplauso a TailWind CSS 🙌

Me gusta ver funcionar Laravel y Vue juntos.

Estoy impresionado 😮 es super fácil.

Les recomiendo usar este comando para que la pagina se actualice sin recargar, a mi me ha funcionado muy bien hasta ahora 😄

mix watch --hot

En mi caso además de usar npm run watch tuve que deshabilitar el cache para ver los cambios.
Inspeccionar>Network>Disable cache

Se puede correr un escuchador para compilacion y recarga automatica con el script hot