chore(docs): wrap Repl in client only

This commit is contained in:
braks
2022-11-13 19:13:43 +01:00
committed by Braks
parent cd03034bdb
commit 33403776dc
26 changed files with 163 additions and 317 deletions
+1 -10
View File
@@ -1,8 +1,3 @@
---
layout: page
---
# Custom Node
One of the key features of Vue Flow is implementing custom elements (nodes / edges) that allow you to expand on the basic functionalities (dragging, selecting etc).
@@ -11,9 +6,5 @@ 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">
<ClientOnly>
<Suspense>
<Repl example="customNode"></Repl>
</Suspense>
</ClientOnly>
<Repl example="customNode"></Repl>
</div>
+1 -10
View File
@@ -1,8 +1,3 @@
---
layout: page
---
# Nested Nodes
Another key feature is nested nodes (or even nested flows).
@@ -12,9 +7,5 @@ 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">
<ClientOnly>
<Suspense>
<Repl example="nested"></Repl>
</Suspense>
</ClientOnly>
<Repl example="nested"></Repl>
</div>
+1 -10
View File
@@ -1,8 +1,3 @@
---
layout: page
---
# Update Node
Updating internal node data is simple.
@@ -14,9 +9,5 @@ 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">
<ClientOnly>
<Suspense>
<Repl example="updateNode"></Repl>
</Suspense>
</ClientOnly>
<Repl example="updateNode"></Repl>
</div>