curso laravel realtime messenger - parte 5 - adaptando cabecera navegador a bootstrap-vue

la cabecera de navegacion se encuentra en

resources\views\layouts\app.blade.php

asi que debemos editar ese archivo,

quedandonos

<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                                            {{ csrf_field() }}
</form>
<div id="app">
       <b-navbar toggleable="md" type="dark" variant="info">

           <b-navbar-toggle target="nav_collapse"></b-navbar-toggle>

            <b-navbar-brand  href="{{ url('/') }}">
            {{ config('app.name', 'Laravel') }}
            </b-navbar-brand>

            <b-collapse is-nav id="nav_collapse">

            <!-- Right aligned nav items -->
            <b-navbar-nav class="ml-auto">

                  @guest
                  <b-nav-item href="{{ route('login') }}">Ingreso</b-nav-item>
                    <b-nav-item href="{{ route('register') }}">Registro</b-nav-item>
                  @else
                  <b-nav-item-dropdown right>
                    <!-- Using button-content slot -->
                    <template slot="button-content">
                      <em>{{ Auth::user()->name }}</em>
                    </template>
                    <b-dropdown-item @click="logout">Salir</b-dropdown-item>
                  </b-nav-item-dropdown>
                  @endguest

            </b-navbar-nav>

            </b-collapse>
        </b-navbar>


   
        @yield('content')
    </div>



donde el link para salir llama a una funcion llamada logout.
que la vamos a definir en

resources\assets\js\app.js


asi:

const app = new Vue({
    el: '#app',
    methods:{
    logout(){
    document.getElementById('logout-form').submit();
    }
    }
});

el cual llamar al evento submit del formulario que hemos sacado afuera del cuerpo principal