Fix the empty message not showing up

PrefectHQ · Dec 13, 2023 · afc84fe · afc84fe
1 parent bc84161
commit afc84fe
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/components/Select/PSelect.vue b/src/components/Select/PSelect.vue
@@ -21,13 +21,15 @@
         >
           <template #default>
             <template v-if="showShowEmptyMessage">
-              <slot name="empty-message">
-                {{ emptyMessage }}
-              </slot>
+              <span class="p-select__empty-message">
+                <slot name="empty-message">
+                  {{ emptyMessage }}
+                </slot>
+              </span>
             </template>
 
             <template v-else-if="multiple">
-              <PTagWrapper class="p-select-button__value" :tags="tags">
+              <PTagWrapper :tags="tags">
                 <template #tag="{ tag }">
                   <slot name="tag" :label="tag.label" :value="tag.value" :dismiss="() => dismissTag(tag)">
                     <PTag :dismissible="isDismissible(tag)" @dismiss="dismissTag(tag)">
@@ -149,7 +151,7 @@
     }))
   })
 
-  const multiple = computed(() => props.multiple || isArray(modelValue.value))
+  const multiple = computed(() => props.multiple || isArray(props.modelValue))
 
   const isOpen = computed(() => popOver.value?.visible ?? false)
   const showShowEmptyMessage = computed(() => {
@@ -258,3 +260,9 @@
     }
   }
 </script>
+
+<style>
+.p-select__empty-message { @apply
+  text-subdued
+}
+</style>