refactor: change pkg scope to vue-flow

e2e/cypress/component/1-store/edges/addEdges.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/edges/addSelectedEdges.cy.ts

@@ -1,4 +1,4 @@
-import { isEdge, useVueFlow } from '@braks/vue-flow'
+import { isEdge, useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/edges/connection.cy.ts

@@ -1,5 +1,5 @@
-import type { StartHandle } from '@braks/vue-flow'
-import { useVueFlow } from '@braks/vue-flow'
+import type { StartHandle } from '@vue-flow/core'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements(2, 2)

e2e/cypress/component/1-store/edges/findEdge.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/edges/removeEdges.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/edges/removeSelectedEdges.cy.ts

@@ -1,4 +1,4 @@
-import { isEdge, useVueFlow } from '@braks/vue-flow'
+import { isEdge, useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/edges/updateEdge.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements(2, 2)

e2e/cypress/component/1-store/elements/addSelectedElements.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/elements/removeSelectedElements.cy.ts

@@ -1,5 +1,5 @@
-import type { GraphEdge, GraphNode } from '@braks/vue-flow'
-import { isNode, useVueFlow } from '@braks/vue-flow'
+import type { GraphEdge, GraphNode } from '@vue-flow/core'
+import { isNode, useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/elements/setElements.cy.ts

@@ -1,4 +1,4 @@
-import { isEdge, isNode, useVueFlow } from '@braks/vue-flow'
+import { isEdge, isNode, useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/nodes/addNodes.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes } = getElements()

e2e/cypress/component/1-store/nodes/addSelectedNodes.cy.ts

@@ -1,4 +1,4 @@
-import { isNode, useVueFlow } from '@braks/vue-flow'
+import { isNode, useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/nodes/findNode.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/nodes/removeNodes.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/nodes/removeSelectedNodes.cy.ts

@@ -1,4 +1,4 @@
-import { isNode, useVueFlow } from '@braks/vue-flow'
+import { isNode, useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/setState.cy.ts

@@ -1,6 +1,6 @@
 import { isRef } from 'vue'
-import type { State } from '@braks/vue-flow'
-import { useVueFlow } from '@braks/vue-flow'
+import type { State } from '@vue-flow/core'
+import { useVueFlow } from '@vue-flow/core'
 
 describe('Store Action: `setState`', () => {
   let store = useVueFlow()

e2e/cypress/component/1-store/viewpane/deleteKeyCode.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/viewpane/selectionKeyCode.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes, edges } = getElements()

e2e/cypress/component/1-store/viewpane/setMaxZoom.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes } = getElements()

e2e/cypress/component/1-store/viewpane/setMinZoom.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 import { getElements } from '../../../utils'
 
 const { nodes } = getElements()

e2e/cypress/component/2-vue-flow/connect.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 
 describe('Check if nodes are connectable', () => {
   const store = useVueFlow({ id: 'test' })

e2e/cypress/component/2-vue-flow/updateEdge.cy.ts

@@ -1,4 +1,4 @@
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '@vue-flow/core'
 
 describe('Check if edges are updatable', () => {
   const store = useVueFlow({ id: 'test' })

e2e/cypress/component/3-additional-components/background/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { Background, VueFlow } from '@braks/vue-flow'
+import { Background, VueFlow } from '@vue-flow/core'
 </script>
 
 <template>

e2e/cypress/component/3-additional-components/controls/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { Controls, VueFlow } from '@braks/vue-flow'
+import { Controls, VueFlow } from '@vue-flow/core'
 </script>
 
 <template>

e2e/cypress/component/3-additional-components/minimap/App.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { MiniMap, VueFlow } from '@braks/vue-flow'
+import { MiniMap, VueFlow } from '@vue-flow/core'
 
 defineProps({
   nodes: {

e2e/cypress/support/component.ts

@@ -14,8 +14,8 @@
 // ***********************************************************
 
 // Import necessary styles
-import '@braks/vue-flow/dist/style.css'
-import '@braks/vue-flow/dist/theme-default.css'
+import '@vue-flow/core/dist/style.css'
+import '@vue-flow/core/dist/theme-default.css'
 
 // Import commands.js using ES2015 syntax:
 import './commands'
@@ -24,8 +24,8 @@ import './commands'
 // require('./commands')
 
 import { mount } from 'cypress/vue'
-import { VueFlow } from '@braks/vue-flow'
-import type { FlowProps } from '@braks/vue-flow'
+import { VueFlow } from '@vue-flow/core'
+import type { FlowProps } from '@vue-flow/core'
 
 const mountVueFlow = (props?: FlowProps, attrs?: Record<string, any>) => {
   cy.mount(VueFlow, {

e2e/cypress/utils/elements.ts

@@ -1,4 +1,4 @@
-import type { Edge, Node } from '@braks/vue-flow'
+import type { Edge, Node } from '@vue-flow/core'
 
 export function getElements(xElements = 10, yElements = 10) {
   const initialNodes: Node[] = []

e2e/package.json

@@ -7,7 +7,7 @@
     "open": "cypress open"
   },
   "dependencies": {
-    "@braks/vue-flow": "workspace:*"
+    "@vue-flow/core": "workspace:*"
   },
   "devDependencies": {
     "cypress": "^10.9.0",