diff --git a/examples/Basic/Basic.vue b/examples/Basic/Basic.vue
index f0a320fa..90b13dfc 100644
--- a/examples/Basic/Basic.vue
+++ b/examples/Basic/Basic.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, Background, isNode, useVueFlow, Elements } from '@braks/vue-flow'
+import { VueFlow, MiniMap, Controls, Background, isNode, useVueFlow, Elements } from '~/index'
 
 const elements = ref<Elements>([
   { id: '1', type: 'input', label: 'Node 1', position: { x: 250, y: 5 } },
diff --git a/examples/Basic/BasicOptionsAPI.vue b/examples/Basic/BasicOptionsAPI.vue
index 08c11db2..95aaf77f 100644
--- a/examples/Basic/BasicOptionsAPI.vue
+++ b/examples/Basic/BasicOptionsAPI.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { VueFlow, Background, MiniMap, Controls, Elements, FlowEvents, FlowInstance, isNode, addEdge } from '@braks/vue-flow'
+import { VueFlow, Background, MiniMap, Controls, Elements, FlowEvents, FlowInstance, isNode, addEdge } from '~/index'
 
 export default defineComponent({
   name: 'BasicOptionsAPI',
diff --git a/examples/CustomConnectionLine/CustomConnectionLine.vue b/examples/CustomConnectionLine/CustomConnectionLine.vue
index cfe87889..8caedcde 100644
--- a/examples/CustomConnectionLine/CustomConnectionLine.vue
+++ b/examples/CustomConnectionLine/CustomConnectionLine.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { VueFlow, Background, BackgroundVariant, Elements } from '@braks/vue-flow'
 import ConnectionLine from './ConnectionLine.vue'
+import { VueFlow, Background, BackgroundVariant, Elements } from '~/index'
 
 const elements = ref<Elements>([
   {
diff --git a/examples/CustomNode/CustomNode.vue b/examples/CustomNode/CustomNode.vue
index dbb3a8d8..b6d0e635 100644
--- a/examples/CustomNode/CustomNode.vue
+++ b/examples/CustomNode/CustomNode.vue
@@ -1,17 +1,6 @@
 <script lang="ts" setup>
-import {
-  ConnectionMode,
-  Elements,
-  isEdge,
-  Node,
-  Position,
-  SnapGrid,
-  useVueFlow,
-  VueFlow,
-  Controls,
-  MiniMap,
-} from '@braks/vue-flow'
 import ColorSelectorNode from './ColorSelectorNode.vue'
+import { ConnectionMode, Elements, isEdge, Node, Position, SnapGrid, useVueFlow, VueFlow, Controls, MiniMap } from '~/index'
 
 const elements = ref<Elements>([])
 const bgColor = ref('#1A192B')
diff --git a/examples/DragNDrop/DnD.vue b/examples/DragNDrop/DnD.vue
index ae366ee0..04499d2e 100644
--- a/examples/DragNDrop/DnD.vue
+++ b/examples/DragNDrop/DnD.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { VueFlow, FlowInstance, Node, useVueFlow } from '@braks/vue-flow'
 import Sidebar from './Sidebar.vue'
+import { VueFlow, FlowInstance, Node, useVueFlow } from '~/index'
 
 let id = 0
 const getId = () => `dndnode_${id++}`
diff --git a/examples/EdgeTypes/EdgeTypesExample.vue b/examples/EdgeTypes/EdgeTypesExample.vue
index bc66d162..6b9a3406 100644
--- a/examples/EdgeTypes/EdgeTypesExample.vue
+++ b/examples/EdgeTypes/EdgeTypesExample.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, FlowInstance } from '@braks/vue-flow'
 import { getElements } from './utils'
+import { VueFlow, MiniMap, Controls, FlowInstance } from '~/index'
 
 const onLoad = (flowInstance: FlowInstance) => {
   flowInstance.fitView()
diff --git a/examples/Edges/CustomEdge.vue b/examples/Edges/CustomEdge.vue
index a06da057..5babd6d5 100644
--- a/examples/Edges/CustomEdge.vue
+++ b/examples/Edges/CustomEdge.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getBezierPath, getMarkerId, Position, EdgeProps } from '@braks/vue-flow'
+import { getBezierPath, getMarkerId, Position, EdgeProps } from '~/index'
 
 interface CustomEdgeProps<T = { text: string }> extends EdgeProps<T> {
   source: string
diff --git a/examples/Edges/CustomEdge2.vue b/examples/Edges/CustomEdge2.vue
index d5666c1c..97ce44c7 100644
--- a/examples/Edges/CustomEdge2.vue
+++ b/examples/Edges/CustomEdge2.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { getEdgeCenter, getBezierPath, getMarkerId, Position, EdgeProps, EdgeText } from '@braks/vue-flow'
+import { getEdgeCenter, getBezierPath, getMarkerId, Position, EdgeProps, EdgeText } from '~/index'
 
 interface CustomEdgeProps extends EdgeProps {
   source: string
diff --git a/examples/Edges/EdgesExample.vue b/examples/Edges/EdgesExample.vue
index b5873ac5..c8d33157 100644
--- a/examples/Edges/EdgesExample.vue
+++ b/examples/Edges/EdgesExample.vue
@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, Background, MarkerType, useVueFlow, Edge, Node } from '@braks/vue-flow'
 import CustomEdge from './CustomEdge.vue'
 import CustomEdge2 from './CustomEdge2.vue'
 import CustomLabel from './CustomLabel.vue'
+import { VueFlow, MiniMap, Controls, Background, MarkerType, useVueFlow, Edge, Node } from '~/index'
 
 const initialNodes: Node[] = [
   { id: '1', type: 'input', label: 'Input 1', position: { x: 250, y: 0 } },
diff --git a/examples/Empty/EmptyExample.vue b/examples/Empty/EmptyExample.vue
index 4fbd1c99..ee2096a5 100644
--- a/examples/Empty/EmptyExample.vue
+++ b/examples/Empty/EmptyExample.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, Background, BackgroundVariant, Node, useVueFlow } from '@braks/vue-flow'
+import { VueFlow, MiniMap, Controls, Background, BackgroundVariant, Node, useVueFlow } from '~/index'
 
 const { nodes, addNodes, edges, addEdges, onConnect, onPaneReady, onNodeDragStop, dimensions } = useVueFlow()
 
diff --git a/examples/Hidden/HiddenExample.vue b/examples/Hidden/HiddenExample.vue
index c67df2d4..e55fb150 100644
--- a/examples/Hidden/HiddenExample.vue
+++ b/examples/Hidden/HiddenExample.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, useVueFlow } from '@braks/vue-flow'
+import { VueFlow, MiniMap, Controls, useVueFlow } from '~/index'
 
 const isHidden = ref(false)
 
diff --git a/examples/Interaction/InteractionExample.vue b/examples/Interaction/InteractionExample.vue
index c87888e3..a6d8a098 100644
--- a/examples/Interaction/InteractionExample.vue
+++ b/examples/Interaction/InteractionExample.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, MiniMap, Controls, useVueFlow } from '@braks/vue-flow'
+import { VueFlow, MiniMap, Controls, useVueFlow } from '~/index'
 
 const {
   nodesDraggable,
diff --git a/examples/Layouting/LayoutingExample.vue b/examples/Layouting/LayoutingExample.vue
index 18f24cc0..aff5bb97 100644
--- a/examples/Layouting/LayoutingExample.vue
+++ b/examples/Layouting/LayoutingExample.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import dagre from 'dagre'
-import { VueFlow, Controls, ConnectionMode, Elements, isNode, CoordinateExtent, Position } from '@braks/vue-flow'
 import initialElements from './initial-elements'
+import { VueFlow, Controls, ConnectionMode, Elements, isNode, CoordinateExtent, Position } from '~/index'
 
 const dagreGraph = new dagre.graphlib.Graph()
 dagreGraph.setDefaultEdgeLabel(() => ({}))
diff --git a/examples/MultiFlows/Flow.vue b/examples/MultiFlows/Flow.vue
index 4dbddcd2..709854f7 100644
--- a/examples/MultiFlows/Flow.vue
+++ b/examples/MultiFlows/Flow.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, Background, Elements } from '@braks/vue-flow'
+import { VueFlow, Background, Elements } from '~/index'
 const initialElements: Elements = [
   { id: '1', type: 'input', label: 'Node 1', position: { x: 250, y: 5 }, class: 'light' },
   { id: '2', label: 'Node 2', position: { x: 100, y: 100 }, class: 'light' },
diff --git a/examples/Nesting/GroupNode.vue b/examples/Nesting/GroupNode.vue
index b8063535..6350a82c 100644
--- a/examples/Nesting/GroupNode.vue
+++ b/examples/Nesting/GroupNode.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { Handle, Position, getNodesInside, useVueFlow } from '@braks/vue-flow'
-import type { NodeProps } from '@braks/vue-flow'
+import { Handle, Position, getNodesInside, useVueFlow } from '~/index'
+import type { NodeProps } from '~/index'
 
 const props = defineProps<NodeProps>()
 const { onNodeDragStop, getNodes, transform } = useVueFlow()
diff --git a/examples/Nesting/Nesting.vue b/examples/Nesting/Nesting.vue
index 753c5082..f25e469c 100644
--- a/examples/Nesting/Nesting.vue
+++ b/examples/Nesting/Nesting.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ConnectionMode, useVueFlow, VueFlow, MiniMap, Background, Controls } from '@braks/vue-flow'
+import { ConnectionMode, useVueFlow, VueFlow, MiniMap, Background, Controls } from '~/index'
 
 const { onConnect, nodes, edges, addEdges } = useVueFlow({
   fitViewOnInit: true,
diff --git a/examples/NodeTypeChange/NodeTypeChangeExample.vue b/examples/NodeTypeChange/NodeTypeChangeExample.vue
index 0086a87c..721a41cd 100644
--- a/examples/NodeTypeChange/NodeTypeChangeExample.vue
+++ b/examples/NodeTypeChange/NodeTypeChangeExample.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, addEdge, Connection, Edge, Elements, isEdge, FlowInstance, Position } from '@braks/vue-flow'
+import { VueFlow, addEdge, Connection, Edge, Elements, isEdge, FlowInstance, Position } from '~/index'
 
 const initialElements: Elements = [
   {
diff --git a/examples/Overview/Overview.vue b/examples/Overview/Overview.vue
index 3033d4f4..9dde98e3 100644
--- a/examples/Overview/Overview.vue
+++ b/examples/Overview/Overview.vue
@@ -14,7 +14,7 @@ import {
   Edge,
   FlowEvents,
   MarkerType,
-} from '@braks/vue-flow'
+} from '~/index'
 
 const onNodeDragStart = (e: FlowEvents['nodeDragStart']) => console.log('drag start', e)
 const onNodeDrag = (e: FlowEvents['nodeDrag']) => console.log('drag', e)
diff --git a/examples/Provider/ProviderExample.vue b/examples/Provider/ProviderExample.vue
index 7fca8a0f..dfb97cc6 100644
--- a/examples/Provider/ProviderExample.vue
+++ b/examples/Provider/ProviderExample.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { VueFlow, Controls, FlowInstance, Elements, ConnectionMode, useVueFlow } from '@braks/vue-flow'
 import Sidebar from './Sidebar.vue'
+import { VueFlow, Controls, FlowInstance, Elements, ConnectionMode, useVueFlow } from '~/index'
 
 const onLoad = (flowInstance: FlowInstance) => console.log('flow loaded:', flowInstance)
 
diff --git a/examples/Provider/Sidebar.vue b/examples/Provider/Sidebar.vue
index d15e515a..56967579 100644
--- a/examples/Provider/Sidebar.vue
+++ b/examples/Provider/Sidebar.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useVueFlow } from '@braks/vue-flow'
+import { useVueFlow } from '~/index'
 const { nodesSelectionActive, addSelectedNodes, getNodes, transform } = useVueFlow()
 
 const selectAll = () => {
diff --git a/examples/RGBFlow/RGBNode.vue b/examples/RGBFlow/RGBNode.vue
index 32086421..fa626a06 100644
--- a/examples/RGBFlow/RGBNode.vue
+++ b/examples/RGBFlow/RGBNode.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { CSSProperties } from 'vue'
-import { Handle, NodeProps, Position } from '@braks/vue-flow'
+import { Handle, NodeProps, Position } from '~/index'
 
 interface RGBNodeProps extends NodeProps {
   data: {
diff --git a/examples/RGBFlow/RGBOutputNode.vue b/examples/RGBFlow/RGBOutputNode.vue
index 0bcce7b3..c5dbfaf1 100644
--- a/examples/RGBFlow/RGBOutputNode.vue
+++ b/examples/RGBFlow/RGBOutputNode.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Handle, NodeProps, Position } from '@braks/vue-flow'
+import { Handle, NodeProps, Position } from '~/index'
 
 interface RBGOutputNodeProps extends NodeProps {
   rgb: string
diff --git a/examples/SaveRestore/Controls.vue b/examples/SaveRestore/Controls.vue
index 1b2e1ba2..39d8d5f2 100644
--- a/examples/SaveRestore/Controls.vue
+++ b/examples/SaveRestore/Controls.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useZoomPanHelper, FlowExportObject, Node, useVueFlow } from '@braks/vue-flow'
+import { useZoomPanHelper, FlowExportObject, Node, useVueFlow } from '~/index'
 
 const flowKey = 'example-flow'
 const state = useStorage<FlowExportObject>(flowKey, {
diff --git a/examples/SaveRestore/SaveRestoreExample.vue b/examples/SaveRestore/SaveRestoreExample.vue
index 4e881a10..08d6b9d1 100644
--- a/examples/SaveRestore/SaveRestoreExample.vue
+++ b/examples/SaveRestore/SaveRestoreExample.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { VueFlow, Elements } from '@braks/vue-flow'
 import Controls from './Controls.vue'
+import { VueFlow, Elements } from '~/index'
 
 const initialElements: Elements = [
   { id: '1', label: 'Node 1', position: { x: 100, y: 100 } },
diff --git a/examples/Stress/StressExample.vue b/examples/Stress/StressExample.vue
index 5cff1e7b..08dfd9e3 100644
--- a/examples/Stress/StressExample.vue
+++ b/examples/Stress/StressExample.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { VueFlow, FlowInstance } from '@braks/vue-flow'
 import { getElements } from './utils'
+import { VueFlow, FlowInstance } from '~/index'
 
 const instance = ref<FlowInstance>()
 const onLoad = (flowInstance: FlowInstance) => {
diff --git a/examples/Switch/SwitchExample.vue b/examples/Switch/SwitchExample.vue
index 4d7c68a8..7ba76b96 100644
--- a/examples/Switch/SwitchExample.vue
+++ b/examples/Switch/SwitchExample.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, Elements } from '@braks/vue-flow'
+import { VueFlow, Elements } from '~/index'
 
 const elementsA: Elements = [
   { id: '1a', type: 'input', label: 'Node 1', position: { x: 250, y: 5 }, class: 'light' },
diff --git a/examples/Unidirectional/CustomNode.vue b/examples/Unidirectional/CustomNode.vue
index 5f8eca06..3b2b05d9 100644
--- a/examples/Unidirectional/CustomNode.vue
+++ b/examples/Unidirectional/CustomNode.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { CSSProperties } from 'vue'
-import { Handle, Position } from '@braks/vue-flow'
-import type { NodeProps } from '@braks/vue-flow'
+import { Handle, Position } from '~/index'
+import type { NodeProps } from '~/index'
 
 const props = defineProps<NodeProps>()
 const nodeStyles: CSSProperties = { padding: '10px 15px', border: '1px solid #ddd' }
diff --git a/examples/UpdatableEdge/UpdatableEdgeExample.vue b/examples/UpdatableEdge/UpdatableEdgeExample.vue
index 2b50537f..93682a0b 100644
--- a/examples/UpdatableEdge/UpdatableEdgeExample.vue
+++ b/examples/UpdatableEdge/UpdatableEdgeExample.vue
@@ -10,7 +10,7 @@ import {
   Edge,
   FlowEvents,
   ConnectionMode,
-} from '@braks/vue-flow'
+} from '~/index'
 
 const initialElements: Elements = [
   {
diff --git a/examples/UpdateNode/UpdateNodeExample.vue b/examples/UpdateNode/UpdateNodeExample.vue
index 36a7fede..a1c0f00c 100644
--- a/examples/UpdateNode/UpdateNodeExample.vue
+++ b/examples/UpdateNode/UpdateNodeExample.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { VueFlow, Elements } from '@braks/vue-flow'
+import { VueFlow, Elements } from '~/index'
 
 const initialElements: Elements = [
   { id: '1', label: '-', position: { x: 100, y: 100 } },
diff --git a/examples/Validation/CustomInput.vue b/examples/Validation/CustomInput.vue
index 97572fec..d62d3577 100644
--- a/examples/Validation/CustomInput.vue
+++ b/examples/Validation/CustomInput.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Position, Handle, ValidConnectionFunc } from '@braks/vue-flow'
+import { Position, Handle, ValidConnectionFunc } from '~/index'
 
 interface CustomInputProps {
   isValidTargetPos: ValidConnectionFunc
diff --git a/examples/Validation/CustomNode.vue b/examples/Validation/CustomNode.vue
index 996ee1f2..702d582c 100644
--- a/examples/Validation/CustomNode.vue
+++ b/examples/Validation/CustomNode.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Position, Handle, NodeProps, ValidConnectionFunc } from '@braks/vue-flow'
+import { Position, Handle, NodeProps, ValidConnectionFunc } from '~/index'
 
 interface CustomNodeProps extends NodeProps {
   id: string
diff --git a/examples/Validation/ValidationExample.vue b/examples/Validation/ValidationExample.vue
index 49f863cc..15d7a84d 100644
--- a/examples/Validation/ValidationExample.vue
+++ b/examples/Validation/ValidationExample.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { VueFlow, Connection, OnConnectStartParams, FlowInstance, useVueFlow } from '@braks/vue-flow'
 import CustomInput from './CustomInput.vue'
 import CustomNode from './CustomNode.vue'
+import { VueFlow, Connection, OnConnectStartParams, FlowInstance, useVueFlow } from '~/index'
 
 const { nodes, edges, addEdges } = useVueFlow({
   nodes: [
diff --git a/examples/main.ts b/examples/main.ts
index 74eb0b99..1c4e1d1b 100644
--- a/examples/main.ts
+++ b/examples/main.ts
@@ -4,10 +4,10 @@ import { DraggablePlugin } from '@braks/revue-draggable'
 import App from './App.vue'
 import { router } from './router'
 /* import the required styles */
-import '@braks/vue-flow/dist/style.css'
+import '../src/style.css'
 
 /* import the default theme (optional) */
-import '@braks/vue-flow/dist/theme-default.css'
+import '../src/theme-default.css'
 
 const app = createApp(App)
 
diff --git a/package.json b/package.json
index 92bc570b..b9f49ea3 100644
--- a/package.json
+++ b/package.json
@@ -37,7 +37,6 @@
   },
   "dependencies": {
     "@braks/revue-draggable": "^0.4.2",
-    "@braks/vue-flow": "link:./",
     "@types/d3": "^7.1.0",
     "@vueuse/core": "^7.5.5",
     "d3": "^7.1.1",