Add example demonstrating dynamic separator generation in breadcrumbs

Update demo file to showcase a breadcrumb component utilizing a separator generator function, allowing dynamic separator creation based on item index.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 6cc5c7da-6689-4391-8349-0b45bd1c8827
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a866df52-256e-4538-b672-cbe03d4e2c3f
Replit-Helium-Checkpoint-Created: true

Author: janrozic1

components/breadcrumb/demo/separator-indepent.vue

@@ -8,11 +8,12 @@ title:
 
 ## zh-CN
 
-使用 `Breadcrumb.Separator` 可以自定义分隔符。
+使用 `Breadcrumb.Separator` 可以自定义分隔符，也可以传入一个函数来动态生成分隔符。
 
 ## en-US
 
 The separator can be customized by setting the separator property: `Breadcrumb.Separator`.
+You can also pass a generator function that receives the previous item and index to dynamically generate separators.
 
 </docs>
 
@@ -26,4 +27,19 @@ The separator can be customized by setting the separator property: `Breadcrumb.S
     <a-breadcrumb-separator />
     <a-breadcrumb-item>An Application</a-breadcrumb-item>
   </a-breadcrumb>
+
+  <p style="margin: 16px 0">Using a separator generator function:</p>
+
+  <a-breadcrumb :separator="separatorGenerator">
+    <a-breadcrumb-item>Home</a-breadcrumb-item>
+    <a-breadcrumb-item href="">Dashboard</a-breadcrumb-item>
+    <a-breadcrumb-item href="">Settings</a-breadcrumb-item>
+    <a-breadcrumb-item>Profile</a-breadcrumb-item>
+  </a-breadcrumb>
 </template>
+
+<script lang="ts" setup>
+import type { SeparatorGeneratorFunc } from '../index';
+
+const separatorGenerator: SeparatorGeneratorFunc = ({ index }) => String(index);
+</script>