diff --git a/components/navigation/Bar.vue b/components/navigation/Bar.vue
index 3c8f537e5cb9a920d0fbab0d89c96d8032cfb02d..f149664e1d788c8bdc472e6574f7fd73e3a730cd 100644
--- a/components/navigation/Bar.vue
+++ b/components/navigation/Bar.vue
@@ -11,6 +11,11 @@
 
 <script>
 export default {
+  data() {
+    return {
+      isOpen: false
+    }
+  },
   props: {
     breadcrumb: Array,
     menus: Array
@@ -18,9 +23,18 @@ export default {
   methods: {
     toggleMenu() {
       document.querySelector('.app').classList.toggle('open')
+      this.isOpen = !this.isOpen
+      localStorage.setItem("menu-open", this.isOpen)
+    }
+  },
+  mounted() {
+    this.isOpen = localStorage.getItem("menu-open")
+    if (this.isOpen) {
+      document.querySelector('.app').classList.add('open')
     }
   }
 }
+
 </script>
 
 <style lang="scss">