From c4fa84213fd945f1d507e6c0594621881ba51c13 Mon Sep 17 00:00:00 2001
From: Robin Malfait <malfait.robin@gmail.com>
Date: Fri, 22 Apr 2022 18:48:27 +0200
Subject: [PATCH] update playground to use `multiple` prop

---
 packages/playground-react/pages/combobox/multi-select.tsx       | 2 +-
 packages/playground-react/pages/listbox/multi-select.tsx        | 2 +-
 .../playground-vue/src/components/combobox/multi-select.vue     | 2 +-
 packages/playground-vue/src/components/listbox/multi-select.vue | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/playground-react/pages/combobox/multi-select.tsx b/packages/playground-react/pages/combobox/multi-select.tsx
index d2936f067b..bda0153afb 100644
--- a/packages/playground-react/pages/combobox/multi-select.tsx
+++ b/packages/playground-react/pages/combobox/multi-select.tsx
@@ -39,7 +39,7 @@ function MultiPeopleList() {
             console.log([...new FormData(e.currentTarget).entries()])
           }}
         >
-          <Combobox value={activePersons} onChange={setActivePersons} name="people">
+          <Combobox value={activePersons} onChange={setActivePersons} name="people" multiple>
             <Combobox.Label className="block text-sm font-medium leading-5 text-gray-700">
               Assigned to
             </Combobox.Label>
diff --git a/packages/playground-react/pages/listbox/multi-select.tsx b/packages/playground-react/pages/listbox/multi-select.tsx
index 6e5c418bda..82c416c721 100644
--- a/packages/playground-react/pages/listbox/multi-select.tsx
+++ b/packages/playground-react/pages/listbox/multi-select.tsx
@@ -38,7 +38,7 @@ function MultiPeopleList() {
             console.log([...new FormData(e.currentTarget).entries()])
           }}
         >
-          <Listbox value={activePersons} onChange={setActivePersons} name="people">
+          <Listbox value={activePersons} onChange={setActivePersons} name="people" multiple>
             <Listbox.Label className="block text-sm font-medium leading-5 text-gray-700">
               Assigned to
             </Listbox.Label>
diff --git a/packages/playground-vue/src/components/combobox/multi-select.vue b/packages/playground-vue/src/components/combobox/multi-select.vue
index 5a1e637fd3..683a49ddf9 100644
--- a/packages/playground-vue/src/components/combobox/multi-select.vue
+++ b/packages/playground-vue/src/components/combobox/multi-select.vue
@@ -3,7 +3,7 @@
     <div class="w-full max-w-4xl">
       <div class="space-y-1">
         <form @submit="onSubmit">
-          <Combobox v-model="activePersons" name="people">
+          <Combobox v-model="activePersons" name="people" multiple>
             <ComboboxLabel class="block text-sm font-medium leading-5 text-gray-700">
               Assigned to
             </ComboboxLabel>
diff --git a/packages/playground-vue/src/components/listbox/multi-select.vue b/packages/playground-vue/src/components/listbox/multi-select.vue
index 4e522a8f7a..dc668045b8 100644
--- a/packages/playground-vue/src/components/listbox/multi-select.vue
+++ b/packages/playground-vue/src/components/listbox/multi-select.vue
@@ -3,7 +3,7 @@
     <div class="w-full max-w-4xl">
       <div class="space-y-1">
         <form @submit="onSubmit">
-          <Listbox v-model="activePersons" name="people">
+          <Listbox v-model="activePersons" name="people" multiple>
             <ListboxLabel class="block text-sm font-medium leading-5 text-gray-700">
               Assigned to
             </ListboxLabel>