From 5a025e55bd523d53cd3c1acff120ebdbeb339b76 Mon Sep 17 00:00:00 2001
From: ZhouJin <100760523+jhinzhou@users.noreply.github.com>
Date: Tue, 17 Dec 2024 08:21:03 +0800
Subject: [PATCH] docs(components): [segmented] `item` maybe declared in the
 upper scope (#19291)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

docs(components): [segmented] 'item' maybe declared in the upper scope

Co-authored-by: 周进 <w857035085@126.com>
---
 docs/examples/segmented/custom-content.vue   | 6 +++---
 docs/examples/segmented/custom-direction.vue | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/docs/examples/segmented/custom-content.vue b/docs/examples/segmented/custom-content.vue
index 52e9b214e0..954996f95b 100644
--- a/docs/examples/segmented/custom-content.vue
+++ b/docs/examples/segmented/custom-content.vue
@@ -1,12 +1,12 @@
 <template>
   <div>
     <el-segmented v-model="value" :options="options">
-      <template #default="{ item }">
+      <template #default="scope">
         <div class="flex flex-col items-center gap-2 p-2">
           <el-icon size="20">
-            <component :is="item.icon" />
+            <component :is="scope.item.icon" />
           </el-icon>
-          <div>{{ item.label }}</div>
+          <div>{{ scope.item.label }}</div>
         </div>
       </template>
     </el-segmented>
diff --git a/docs/examples/segmented/custom-direction.vue b/docs/examples/segmented/custom-direction.vue
index 70b4b0c5c3..51a41e0d94 100644
--- a/docs/examples/segmented/custom-direction.vue
+++ b/docs/examples/segmented/custom-direction.vue
@@ -18,7 +18,7 @@
       :direction="direction"
       :size="size"
     >
-      <template #default="{ item }">
+      <template #default="scope">
         <div
           :class="[
             'flex',
@@ -29,9 +29,9 @@
           ]"
         >
           <el-icon size="20">
-            <component :is="item.icon" />
+            <component :is="scope.item.icon" />
           </el-icon>
-          <div>{{ item.label }}</div>
+          <div>{{ scope.item.label }}</div>
         </div>
       </template>
     </el-segmented>