From 598dd9cda75dd8a57310ed0c6855808a56f79067 Mon Sep 17 00:00:00 2001
From: Grzegorz Leoniec <greg@app-interactive.de>
Date: Mon, 14 Jan 2019 16:05:55 +0100
Subject: [PATCH] Added matcher prop for menu

---
 .../src/system/components/navigation/Menu/Menu.vue       | 9 +++++++++
 .../src/system/components/navigation/Menu/MenuItem.vue   | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/styleguide/src/system/components/navigation/Menu/Menu.vue b/styleguide/src/system/components/navigation/Menu/Menu.vue
index 7d36fd6cc..6ff19120a 100644
--- a/styleguide/src/system/components/navigation/Menu/Menu.vue
+++ b/styleguide/src/system/components/navigation/Menu/Menu.vue
@@ -98,6 +98,15 @@ export default {
         return route.name
       }
     },
+    /**
+     * Function that matches items exactly
+     */
+    matcher: {
+      type: Function,
+      default: () => {
+        return false
+      }
+    },
     /**
      * Function that checks if the url must be matched exactly in order to activate the menu item. By default only '/' must be matched exactly.
      */
diff --git a/styleguide/src/system/components/navigation/Menu/MenuItem.vue b/styleguide/src/system/components/navigation/Menu/MenuItem.vue
index 83ce8fa2c..047537e51 100644
--- a/styleguide/src/system/components/navigation/Menu/MenuItem.vue
+++ b/styleguide/src/system/components/navigation/Menu/MenuItem.vue
@@ -14,6 +14,9 @@
     <component
       v-if="route"
       class="ds-menu-item-link"
+      :class="[
+        matcher && 'router-link-exact-active'
+      ]"
       v-bind="bindings"
       :exact="isExact"
       :is="linkTag"
@@ -106,6 +109,9 @@ export default {
     isExact() {
       return this.$parentMenu.isExact(this.url)
     },
+    matcher() {
+      return this.$parentMenu.matcher(this.url, this.route)
+    },
     level() {
       return this.parents.length
     },