From 0506f6ff93e8fff96ecd05f8c3291aed7bb84e85 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Tue, 12 Dec 2023 23:07:21 +0100
Subject: [PATCH] docs(examples): simplify basic example
---
docs/examples/basic/App.vue | 38 ++++++--------------------------
docs/examples/basic/Icon.vue | 42 ++++++++++++++++++++++++++++++++++++
docs/examples/basic/index.ts | 1 +
docs/examples/index.ts | 3 ++-
4 files changed, 51 insertions(+), 33 deletions(-)
create mode 100644 docs/examples/basic/Icon.vue
diff --git a/docs/examples/basic/App.vue b/docs/examples/basic/App.vue
index 3e121493..73fd77e3 100644
--- a/docs/examples/basic/App.vue
+++ b/docs/examples/basic/App.vue
@@ -4,6 +4,7 @@ import { Background } from '@vue-flow/background'
import { Controls } from '@vue-flow/controls'
import { MiniMap } from '@vue-flow/minimap'
import { ref } from 'vue'
+import Icon from './Icon.vue'
import { initialElements } from './initial-elements.js'
/**
@@ -80,50 +81,23 @@ function toggleClass() {
diff --git a/docs/examples/basic/Icon.vue b/docs/examples/basic/Icon.vue
new file mode 100644
index 00000000..19f4b69d
--- /dev/null
+++ b/docs/examples/basic/Icon.vue
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/examples/basic/index.ts b/docs/examples/basic/index.ts
index 9e1e6a74..499c9716 100644
--- a/docs/examples/basic/index.ts
+++ b/docs/examples/basic/index.ts
@@ -1,3 +1,4 @@
export { default as BasicApp } from './App.vue?raw'
+export { default as BasicIcon } from './Icon.vue?raw'
export { default as BasicElements } from './initial-elements.js?raw'
export { default as BasicCSS } from './style.css?inline'
diff --git a/docs/examples/index.ts b/docs/examples/index.ts
index fca8c60c..48476ba1 100644
--- a/docs/examples/index.ts
+++ b/docs/examples/index.ts
@@ -1,4 +1,4 @@
-import { BasicApp, BasicCSS, BasicElements } from './basic'
+import { BasicApp, BasicCSS, BasicElements, BasicIcon } from './basic'
import { ColorPresets, CustomNode, CustomNodeApp, CustomNodeCSS } from './custom-node'
import { CustomConnectionLine, CustomConnectionLineApp } from './connectionline'
import { CustomEdge, CustomEdge2, CustomEdgeLabel, EdgeCSS, EdgesApp } from './edges'
@@ -24,6 +24,7 @@ import { ToolbarApp, ToolbarNode } from './node-toolbar'
export const exampleImports = {
basic: {
'App.vue': BasicApp,
+ 'Icon.vue': BasicIcon,
'initial-elements.js': BasicElements,
'style.css': BasicCSS,
},