curso laravel realtime messenger - parte 2 bootstrap-vue

instalamos el scafolding para manejo de usuarios (login y registro)

desde la carpeta del proyecto:

php artisan make:auth

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

instalamos bootstrap-vue

npm i bootstrap-vue

en resources/js/app.js

import Vue from 'vue'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue);

y en resources/js/bootstrap.js

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Hay que volver a crear en resources la carpeta assets/sass y adentro app.scss en donde pegaremos las gsts lineas: 

@import "~bootstrap/dist/css/bootstrap.css"; @import "~bootstrap-vue/dist/bootstrap-vue.css";

luego, en webpack.mix.js, debera quedar asi:

mix.js('resources/assets/js/app.js', 'public/js')

   .sass('resources/assets/sass/app.scss', 'public/css');

compilamos

php run dev



para probar si realmente ya hemos cargado bootstrap-vue

podemos editar la pagina de login y le pegamos al codigo un bloque que hace referencia a un componente. en este caso al de alert.

resources\views\auth\login.blade.php

 <b-alert show>
                        Por favor, ingresa tus datos
 </b-alert>