refactor: change pkg scope to vue-flow

packages/resize-rotate-node/README.md

@@ -6,10 +6,10 @@
 
 ```bash
 # install
-$ yarn add @braks/vue-flow-resize-rotate-node
+$ yarn add @vue-flow/core-resize-rotate-node
 
 # or
-$ npm i --save @braks/vue-flow-resize-rotate-node
+$ npm i --save @vue-flow/core-resize-rotate-node
 ```
 
 ## 🎮 Quickstart
@@ -17,8 +17,8 @@ $ npm i --save @braks/vue-flow-resize-rotate-node
 ```vue
 
 <script setup>
-import { VueFlow } from '@braks/vue-flow'
-import { ResizeRotateNode } from '@braks/vue-flow-resize-rotate-node'
+import { VueFlow } from '@vue-flow/core'
+import { ResizeRotateNode } from '@vue-flow/core-resize-rotate-node'
 import initialElements from './initial-elements'
 
 const elements = ref(initialElements)

packages/resize-rotate-node/example/App.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { Elements, FlowEvents } from '@braks/vue-flow'
-import { Background, Controls, MiniMap, VueFlow, addEdge } from '@braks/vue-flow'
+import type { Elements, FlowEvents } from '@vue-flow/core'
+import { Background, Controls, MiniMap, VueFlow, addEdge } from '@vue-flow/core'
 import { ref } from 'vue'
 import { ResizeRotateNode } from '../src'
 import initialElements from './elements'
@@ -27,8 +27,8 @@ const onConnect = (params: FlowEvents['connect']) => (elements.value = addEdge(p
 </template>
 
 <style>
-@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';
 
 html,
 body,

packages/resize-rotate-node/example/elements.ts

@@ -1,4 +1,4 @@
-import type { Elements } from '@braks/vue-flow'
+import type { Elements } from '@vue-flow/core'
 
 export default [
   {

packages/resize-rotate-node/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@braks/vue-flow-resize-rotate-node",
+  "name": "@vue-flow/resize-rotate-node",
   "version": "0.0.3",
   "private": false,
   "repository": {
@@ -34,7 +34,7 @@
     "vue3-moveable": "^0.4.9"
   },
   "devDependencies": {
-    "@braks/vue-flow": "workspace:*",
+    "@vue-flow/core": "workspace:*",
     "@vitejs/plugin-vue": "^2.3.4",
     "ts-patch": "^2.0.1",
     "typescript-transform-paths": "^3.3.1",
@@ -44,7 +44,7 @@
     "vue-tsc": "^0.40.13"
   },
   "peerDependencies": {
-    "@braks/vue-flow": "^0.4.37",
+    "@vue-flow/core": "^0.4.37",
     "vue": "^3.2.25"
   },
   "publishConfig": {

packages/resize-rotate-node/src/node/ResizeRotateNode.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import Moveable from 'vue3-moveable'
-import type { Dimensions } from '@braks/vue-flow'
-import { Handle, useVueFlow } from '@braks/vue-flow'
+import type { Dimensions } from '@vue-flow/core'
+import { Handle, useVueFlow } from '@vue-flow/core'
 import { useMoveable } from './utils'
 import type { ResizeRotateNodeProps } from './types'
 

packages/resize-rotate-node/src/node/types.ts

@@ -1,4 +1,4 @@
-import type { Dimensions, ElementData, Position } from '@braks/vue-flow'
+import type { Dimensions, ElementData, Position } from '@vue-flow/core'
 import type { MoveableProps } from 'vue3-moveable'
 import type { CSSProperties } from 'vue'
 

packages/resize-rotate-node/src/node/utils.ts

@@ -1,6 +1,6 @@
 import type { Able, MoveableEvents, MoveableManagerInterface } from 'vue3-moveable'
-import type { GraphNode } from '@braks/vue-flow'
-import { useVueFlow } from '@braks/vue-flow'
+import type { GraphNode } from '@vue-flow/core'
+import { useVueFlow } from '@vue-flow/core'
 import type { ResizeRotateNodeData, ResizeRotateNodeEmits } from './types'
 
 export function useMoveable(id: string, emits: ResizeRotateNodeEmits) {