From d3379595be4edd4a9ec4e3fe98daa4e3c1a75d4f Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 31 Oct 2024 16:59:46 +0300
Subject: [PATCH] TreeSelect demo update for new maxSelectedLabels prop

---
 apps/showcase/doc/treeselect/MultipleDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/showcase/doc/treeselect/MultipleDoc.vue b/apps/showcase/doc/treeselect/MultipleDoc.vue
index 8db197e12..e99bda7bb 100644
--- a/apps/showcase/doc/treeselect/MultipleDoc.vue
+++ b/apps/showcase/doc/treeselect/MultipleDoc.vue
@@ -8,7 +8,7 @@
     </DocSectionText>
     <DocSectionCode :code="activeNodes" hideToggleCode importCode hideStackBlitz v-bind="$attrs" />
     <div class="card flex justify-center">
-        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Items" display="chip" class="md:w-80 w-full" />
+        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
     </div>
     <DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" />
 </template>
@@ -30,12 +30,12 @@ export default {
             },
             code: {
                 basic: `
-<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" display="chip" class="md:w-80 w-full" />
+<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
 `,
                 options: `
 <template>
     <div class="card flex justify-center">
-        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" display="chip" class="md:w-80 w-full" />
+        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
     </div>
 </template>
 
@@ -58,7 +58,7 @@ export default {
                 composition: `
 <template>
     <div class="card flex justify-center">
-        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" display="chip" class="md:w-80 w-full" />
+        <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
     </div>
 </template>