Change logout to POST endpoint

resources/js/Shared/Layout.vue

@@ -28,7 +28,7 @@
               <div slot="dropdown" class="mt-2 py-2 shadow-lg bg-white rounded text-sm">
               <div slot="dropdown" class="mt-2 py-2 shadow-lg bg-white rounded text-sm">
                 <inertia-link class="block px-6 py-2 hover:bg-indigo hover:text-white" :href="route('users.edit', page.props.auth.user.id)">My Profile</inertia-link>
                 <inertia-link class="block px-6 py-2 hover:bg-indigo hover:text-white" :href="route('users.edit', page.props.auth.user.id)">My Profile</inertia-link>
                 <inertia-link class="block px-6 py-2 hover:bg-indigo hover:text-white" :href="route('users')">Manage Users</inertia-link>
                 <inertia-link class="block px-6 py-2 hover:bg-indigo hover:text-white" :href="route('users')">Manage Users</inertia-link>
-                <inertia-link class="block px-6 py-2 hover:bg-indigo hover:text-white" :href="route('logout')">Logout</inertia-link>
+                <inertia-link class="block px-6 py-2 hover:bg-indigo hover:text-white" :href="route('logout')" method="post">Logout</inertia-link>
               </div>
               </div>
             </dropdown>
             </dropdown>
           </div>
           </div>

routes/web.php

@@ -14,7 +14,7 @@
 // Auth
 // Auth
 Route::get('login')->name('login')->uses('Auth\LoginController@showLoginForm');
 Route::get('login')->name('login')->uses('Auth\LoginController@showLoginForm');
 Route::post('login')->name('login.attempt')->uses('Auth\LoginController@login');
 Route::post('login')->name('login.attempt')->uses('Auth\LoginController@login');
-Route::get('logout')->name('logout')->uses('Auth\LoginController@logout');
+Route::post('logout')->name('logout')->uses('Auth\LoginController@logout');
 
 
 // Dashboard
 // Dashboard
 Route::get('/')->name('dashboard')->uses('DashboardController')->middleware('auth');
 Route::get('/')->name('dashboard')->uses('DashboardController')->middleware('auth');