docs: replace vuepress specific components

docs/src/examples/nodes/index.md

@@ -11,9 +11,9 @@ You can display any content and functionality inside a custom node. More documen
 up a custom node can be found on the [custom nodes page](/guide/node.html#custom-nodes).
 
 <div class="mt-6">
-  <client-only>
+  <ClientOnly>
     <Suspense>
       <Repl example="customNode"></Repl>
     </Suspense>
-  </client-only>
+  </ClientOnly>
 </div>

docs/src/examples/nodes/nesting.md

@@ -12,9 +12,9 @@ You can also define the boundaries of a node, i.e. if the node can be dragged ou
 or even let Vue Flow extend the area of a node to fit all it's children.
 
 <div class="mt-6">
-  <client-only>
+  <ClientOnly>
     <Suspense>
       <Repl example="nested"></Repl>
     </Suspense>
-  </client-only>
+  </ClientOnly>
 </div>

docs/src/examples/nodes/update-node.md

@@ -14,9 +14,9 @@ That means you can manipulate any property of your original nodes, and it will t
 You can of course also access the nodes directly from the state and change their properties from there.
 
 <div class="mt-6">
-  <client-only>
+  <ClientOnly>
     <Suspense>
       <Repl example="updateNode"></Repl>
     </Suspense>
-  </client-only>
+  </ClientOnly>
 </div>