From 7f069a1c260016391dd59e275ebbd5806a3da166 Mon Sep 17 00:00:00 2001
From: Jeff <jeff.sagal@briteweb.com>
Date: Wed, 30 Oct 2019 18:08:09 -0700
Subject: [PATCH] overhaul `option` slot

---
 src/components/Select.vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 2a15cfe..9f4aa9f 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -52,12 +52,8 @@
 
     <transition :name="transition">
       <ul ref="dropdownMenu" v-if="dropdownOpen" class="vs__dropdown-menu" role="listbox" @mousedown.prevent="onMousedown" @mouseup="onMouseUp">
-        <slot name="option" v-for="(option, index) in normalizedFilteredOptions">
-            <li
-              role="option"
-              v-bind="getDropdownOptionScope(option, index).attributes"
-              v-on="getDropdownOptionScope(option, index).events"
-            >{{ getOptionLabel(option) }}</li>
+        <slot name="option" v-for="scope in normalizedFilteredOptions" v-bind="scope">
+          <li v-bind="scope.attributes" v-on="scope.events">{{ getOptionLabel(scope.option) }}</li>
         </slot>
         <li v-if="!filteredOptions.length" class="vs__no-options" @mousedown.stop="">
           <slot name="no-options">Sorry, no matching options.</slot>
@@ -1073,7 +1069,7 @@
       },
 
       normalizedFilteredOptions() {
-        return this.filteredOptions.map(option => this.normalizeOptionForSlot(option));
+        return this.filteredOptions.map((option, index) => this.getDropdownOptionScope(this.normalizeOptionForSlot(option), index));
       },
 
       /**