docs: move examples into nodes and edges dir

docs/src/.vuepress/theme/index.ts

@@ -104,21 +104,31 @@ export default {
           text: 'Examples',
           children: [
             '/examples/',
-            '/examples/custom-node',
+            {
-            '/examples/edges',
+              text: 'Nodes',
-            '/examples/nesting',
+              children: [
-            '/examples/connectionline',
+                '/examples/nodes/',
-            '/examples/updatable-edge',
+                '/examples/nodes/update-node',
-            '/examples/update-node',
+                '/examples/nodes/nesting',
-            '/examples/validation',
+              ]
+            },
+            {
+              text: 'Edges',
+              children: [
+                '/examples/edges/',
+                '/examples/edges/updatable-edge',
+                '/examples/edges/connection-line',
+                '/examples/edges/validation',
+              ]
+            },
             '/examples/save',
             '/examples/dnd',
             '/examples/empty',
             '/examples/hidden',
-            '/examples/interaction',
-            '/examples/multi',
             '/examples/horizontal',
+            '/examples/interaction',
             '/examples/teleport',
+            '/examples/multi',
             '/examples/pinia',
             '/examples/stress',
           ],

docs/src/.vuepress/theme/layouts/default.vue

@@ -21,7 +21,7 @@ import DiscordIcon from '~icons/logos/discord-icon'
           aria-label="GitHub"
           class="relative group cursor-pointer flex justify-center items-center"
         >
-          <GithubIcon class="text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
+          <GithubIcon class="text-lg lg:text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
           <span class="transition-opacity ease-in duration-200 opacity-0 group-hover:opacity-100 bg-black dark:bg-white text-white dark:text-black rounded-md p-2 absolute top-[25px] right-0 mt-2 mr-2 text-xs">
             Contribute on GitHub!
           </span>
@@ -32,7 +32,7 @@ import DiscordIcon from '~icons/logos/discord-icon'
           aria-label="Discord"
           class="relative group cursor-pointer flex justify-center items-center"
         >
-          <DiscordIcon class="text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
+          <DiscordIcon class="text-lg lg:text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
           <span class="transition-opacity ease-in duration-200 opacity-0 group-hover:opacity-100 bg-black dark:bg-white text-white dark:text-black rounded-md p-2 absolute top-[25px] right-0 mt-2 mr-2 text-xs">
             Join the Discord server!
           </span>
@@ -43,7 +43,7 @@ import DiscordIcon from '~icons/logos/discord-icon'
           aria-label="React Flow"
           class="relative group cursor-pointer flex justify-center items-center"
         >
-          <ReactIcon class="text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
+          <ReactIcon class="text-lg lg:text-2xl transform group-hover:scale-125 transition transition-all ease duration-300" />
           <span class="transition-opacity ease-in duration-200 opacity-0 group-hover:opacity-100 bg-black dark:bg-white text-white dark:text-black rounded-md p-2 absolute top-[25px] right-0 mt-2 text-xs">
             Check out the original React Flow by Wbkd!
           </span>