diff --git a/app/Http/Middleware/VerifyCsrfToken.php b/app/Http/Middleware/VerifyCsrfToken.php
index 6d1b985..4965a26 100644
--- a/app/Http/Middleware/VerifyCsrfToken.php
+++ b/app/Http/Middleware/VerifyCsrfToken.php
@@ -14,5 +14,6 @@ class VerifyCsrfToken extends Middleware
     protected $except = [
         '/exports/import',
         '/imports/import',
+        '/logout',
     ];
 }
diff --git a/resources/js/Layouts/AppLayout.vue b/resources/js/Layouts/AppLayout.vue
index 28974dd..f7fffc5 100644
--- a/resources/js/Layouts/AppLayout.vue
+++ b/resources/js/Layouts/AppLayout.vue
@@ -28,7 +28,9 @@
       <a-button v-if="$page.props.user" class="ml-6" @click="logout">{{
         trans("Logout")
       }}</a-button>
-      
+      <form action="/logout" method="post" id="logout-form">
+        <input type="hidden" name="_token" :value="csrf">
+      </form>
       <!-- <a-button v-else @click="login">Içeri gir</a-button> -->
     </div>
     <main style="height: calc(100vh - 3.5rem)"><slot></slot></main>
@@ -44,10 +46,6 @@ export default {
     }
   },
 
-  data() {
-    return {};
-  },
-
   computed: {
     links() {
       return [
@@ -106,7 +104,8 @@ export default {
     },
 
     logout() {
-      this.$inertia.post(this.route("logout"));
+      event.preventDefault()
+      document.getElementById('logout-form').submit()
     },
   },
 };