feat(docs): wait for edge animation to finish to load node

docs/examples/layout/ProcessNode.vue

@@ -68,13 +68,15 @@ const processLabel = toRef(() => {
     return '😎'
   }
 
-  return '📥'
+  return '🏠'
 })
 </script>
 
 <template>
   <div class="process-node" :style="{ backgroundColor: bgColor }">
-    <Handle v-if="!isSender" type="target" :position="targetPosition" />
+    <Handle v-if="!isSender" type="target" :position="targetPosition">
+      <div>📥</div>
+    </Handle>
     <Handle v-if="!isReceiver" type="source" :position="sourcePosition" />
 
     <div v-if="!isSender && data.isRunning" class="spinner" />
@@ -88,16 +90,23 @@ const processLabel = toRef(() => {
 .process-node {
   padding: 10px;
   color: white;
-  border: 1px solid #4b5563;
   border-radius: 99px;
-  font-size: 12px;
-  width: 18px;
-  height: 18px;
+  font-size: 14px;
+  width: 24px;
+  height: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
+.process-node .vue-flow__handle {
+  border: none;
+  height: unset;
+  width: unset;
+  background: transparent;
+  font-size: 12px;
+}
+
 .spinner {
   border: 3px solid #f3f3f3;
   border-top: 3px solid #2563eb;