examples: add screenshot example (#1456)

docs/src/.vitepress/config.mts

@@ -206,13 +206,14 @@ export default defineConfigWithTheme<DefaultTheme.Config>({
             { text: 'Drag & Drop', link: '/examples/dnd' },
             { text: 'Interactions', link: '/examples/interaction' },
             { text: 'Save & Restore', link: '/examples/save' },
-            { text: 'Hide/Show', link: '/examples/hidden' },
-            { text: 'Intersection', link: '/examples/intersection' },
-            { text: 'Multiple', link: '/examples/multi' },
-            { text: 'Pinia', link: '/examples/pinia' },
-            { text: 'Transition', link: '/examples/transition' },
-            { text: 'Teleport', link: '/examples/teleport' },
-            { text: 'Stress', link: '/examples/stress' },
+            { text: 'Screenshot', link: '/examples/screenshot' },
+            { text: 'Node Visibility', link: '/examples/hidden' },
+            { text: 'Node Intersections', link: '/examples/intersection' },
+            { text: 'Multiple Flows', link: '/examples/multi' },
+            { text: 'Pinia Store', link: '/examples/pinia' },
+            { text: 'Viewport Transition', link: '/examples/transition' },
+            { text: 'Teleport Nodes', link: '/examples/teleport' },
+            { text: 'Stress Test', link: '/examples/stress' },
           ],
         },
         {

docs/src/components.d.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     Acknowledgement: typeof import('./../components/home/Acknowledgement.vue')['default']

docs/src/examples/screenshot.md

@@ -0,0 +1,11 @@
+# Screenshot
+
+<script setup>
+import ScreenshotExample from '../../examples/screenshot/ScreenshotExample.vue';
+</script>
+
+This example demonstrates how to take a screenshot of the current graph.
+
+<div class="mt-6">
+  <ScreenshotExample />
+</div>