docs(examples): add loopback edge example (#1708)

docs(examples): add loopback example

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

docs/src/.vitepress/config.mts

@@ -245,6 +245,7 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
             { text: 'Custom Connection Line', link: '/examples/edges/connection-line' },
             { text: 'Connection Validation', link: '/examples/edges/validation' },
             { text: 'Connection Radius', link: '/examples/edges/connection-radius' },
+            { text: 'Loopback Edge', link: '/examples/edges/loopback' },
           ],
         },
       ],

docs/src/examples/edges/loopback.md

@@ -0,0 +1,8 @@
+# Loopback Edges
+
+Loopback edges are edges that connect a node to itself. They are useful for representing self-referential relationships.
+This example walks you through creating loopback edges using Vue Flow and custom edges.
+
+<div class="mt-6">
+  <Repl example="loopback"></Repl>
+</div>