From 1d011e7c72a1e86dc82618f3786da1e19c7034a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Merve=20=C3=96z=C3=A7if=C3=A7i?= <merveozcifci7@gmail.com>
Date: Thu, 30 May 2019 17:53:07 +0300
Subject: [PATCH] Selectbutton class refactor

---
 src/components/selectbutton/SelectButton.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/selectbutton/SelectButton.vue b/src/components/selectbutton/SelectButton.vue
index 48e3d31e2..52c05bf02 100644
--- a/src/components/selectbutton/SelectButton.vue
+++ b/src/components/selectbutton/SelectButton.vue
@@ -1,6 +1,6 @@
 <template>
-    <div class="p-selectbutton p-buttonset p-component p-buttonset">
-    <div v-for="(option, i) of options" :key="getOptionLabel(option)" :aria-label="getOptionLabel(option)"  
+    <div :class="containerClass">
+        <div v-for="(option, i) of options" :key="getOptionLabel(option)" :aria-label="getOptionLabel(option)"
             @click="onOptionSelect($event, option, i)" @keydown.enter.prevent="onOptionSelect($event, option, i)" @keydown.space.prevent="onOptionSelect($event, option)"
             :tabindex="isOptionDisabled(option) ? null : '0'" @focus="onFocus($event, i)" @blur="onBlur($event)"
             :class="['p-button p-component p-button-text-only', {'p-highlight': isSelected(option), 'p-disabled': isOptionDisabled(option), 'p-focus': (i === focusedIndex)}]">
@@ -89,6 +89,11 @@ export default {
             this.focusedIndex = null
             this.$emit('blur', event);
         }
-    }
+    },
+	computed: {
+		containerClass() {
+			return 'p-selectbutton p-buttonset p-component p-buttonset-' + String(this.options ? this.options.length : 0);
+		}
+	},
 }
 </script>
\ No newline at end of file