From d22773dad9e272bda4bfdc81de1f343604c4f38f Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 1 Jun 2022 21:42:09 +0200
Subject: [PATCH] docs: use vueflow version from composable instead of pkg

---
 docs/components/Repl.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/components/Repl.vue b/docs/components/Repl.vue
index c9b27078..24dae5f5 100644
--- a/docs/components/Repl.vue
+++ b/docs/components/Repl.vue
@@ -1,13 +1,13 @@
 <script lang="ts" setup>
 import { Repl, ReplStore } from '@vue/repl'
-import pkg from '../package.json'
+import { useVueFlow } from '@braks/vue-flow'
 import '@vue/repl/style.css'
 import { exampleImports } from './examples'
 
 const props = defineProps<{ example: keyof typeof exampleImports; mainFile?: string; dependencies?: Record<string, string> }>()
-
-let css = `@import 'https://cdn.jsdelivr.net/npm/@braks/vue-flow@${pkg.dependencies['@braks/vue-flow']}/dist/style.css';
-@import 'https://cdn.jsdelivr.net/npm/@braks/vue-flow@${pkg.dependencies['@braks/vue-flow']}/dist/theme-default.css';
+const { vueFlowVersion } = useVueFlow()
+let css = `@import 'https://cdn.jsdelivr.net/npm/@braks/vue-flow@${vueFlowVersion}/dist/style.css';
+@import 'https://cdn.jsdelivr.net/npm/@braks/vue-flow@${vueFlowVersion}/dist/theme-default.css';
 
 html,
 body,