Create new toggle menu component

js/components/toggle_menu.js

@@ -0,0 +1,25 @@
+import ToggleMixin from '../mixins/toggle'
+
+export default {
+  name: 'toggleMenu',
+
+  mixins: [ToggleMixin],
+
+  methods: {
+    toggle: function(e) {
+      if (this.$el.contains(e.target)) {
+        this.isVisible = !this.isVisible
+      } else {
+        this.isVisible = false
+      }
+    },
+  },
+
+  mounted: function() {
+    document.addEventListener('click', this.toggle)
+  },
+
+  beforeDestroy: function() {
+    document.removeEventListener('click', this.toggle)
+  },
+}

js/index.js

@@ -30,6 +30,7 @@ import ToForm from './components/forms/to_form'
 import ClinFields from './components/clin_fields'
 import PopDateRange from './components/pop_date_range'
 import Accordion from './components/accordion'
+import ToggleMenu from './components/toggle_menu'
 
 Vue.config.productionTip = false
 
@@ -61,6 +62,7 @@ const app = new Vue({
     ToForm,
     ClinFields,
     PopDateRange,
+    ToggleMenu,
   },
 
   mounted: function() {