Emit event to change props and close menu list component

Author: =

.idea/workspace.xml

@@ -9,7 +9,7 @@
         </div>
 
         <portal to="header-after">
-            <menu-list :active="active"></menu-list>
+            <menu-list :active="active" @change="activated"></menu-list>
         </portal>
     </div>
 </template>
@@ -29,6 +29,10 @@
         methods: {
             check() {
                 this.active = (this.active !== true);
+            },
+
+            activated() {
+                this.active = false;
             }
         },
     }

public/js/app.js

@@ -56,6 +56,12 @@
                 default: false
             },
         },
+
+        watch: {
+            $route() {
+                this.$emit('change', this.active);
+            }
+        },
     }
 </script>