From 6d4e690f6d2f2a15b9c32471cb7215bcbdc0c244 Mon Sep 17 00:00:00 2001
From: Raymond Rutjes <raymond.rutjes@gmail.com>
Date: Tue, 10 Oct 2017 10:22:57 +0200
Subject: [PATCH] feat(component): add an option to bem utility to not output
 element class

this allows users to avoid displaying multiple element level classnames
when there are multiple modifier classes
---
 src/component.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/component.js b/src/component.js
index 204d3e0d7..4356883bf 100644
--- a/src/component.js
+++ b/src/component.js
@@ -42,7 +42,7 @@ export default {
     }
   },
   methods: {
-    bem(element, modifier) {
+    bem(element, modifier, outputElement) {
       if (!this.blockClassName) {
         throw new Error("You need to provide 'blockClassName' in your data.");
       }
@@ -65,6 +65,9 @@ export default {
 
       const elementModifierClassName = `${elementClassName}--${modifier}`;
 
+      if (outputElement !== undefined && outputElement === false) {
+        return this.customClassName(elementModifierClassName);
+      }
       return `${this.customClassName(elementClassName)} ${this.customClassName(
         elementModifierClassName
       )}`;