diff --git a/examples/router.ts b/examples/router.ts
index f539b24b..881edc65 100644
--- a/examples/router.ts
+++ b/examples/router.ts
@@ -7,99 +7,99 @@ export const routes: RouterOptions['routes'] = [
   },
   {
     path: '/rgb',
-    component: () => import('./RGBFlow/RGBFlow.vue'),
+    component: () => import('./src/RGBFlow/RGBFlow.vue'),
   },
   {
     path: '/basic',
-    component: () => import('./Basic/Basic.vue'),
+    component: () => import('./src/Basic/Basic.vue'),
   },
   {
     path: '/basic-options-api',
-    component: () => import('./Basic/BasicOptionsAPI.vue'),
+    component: () => import('./src/Basic/BasicOptionsAPI.vue'),
   },
   {
     path: '/custom-connectionline',
-    component: () => import('./CustomConnectionLine/CustomConnectionLine.vue'),
+    component: () => import('./src/CustomConnectionLine/CustomConnectionLine.vue'),
   },
   {
     path: '/custom-node',
-    component: () => import('./CustomNode/CustomNode.vue'),
+    component: () => import('./src/CustomNode/CustomNode.vue'),
   },
   {
     path: '/drag-n-drop',
-    component: () => import('./DragNDrop/DnD.vue'),
+    component: () => import('./src/DragNDrop/DnD.vue'),
   },
   {
     path: '/edges',
-    component: () => import('./Edges/EdgesExample.vue'),
+    component: () => import('./src/Edges/EdgesExample.vue'),
   },
   {
     path: '/edge-types',
-    component: () => import('./EdgeTypes/EdgeTypesExample.vue'),
+    component: () => import('./src/EdgeTypes/EdgeTypesExample.vue'),
   },
   {
     path: '/empty',
-    component: () => import('./Empty/EmptyExample.vue'),
+    component: () => import('./src/Empty/EmptyExample.vue'),
   },
   {
     path: '/hidden',
-    component: () => import('./Hidden/HiddenExample.vue'),
+    component: () => import('./src/Hidden/HiddenExample.vue'),
   },
   {
     path: '/interaction',
-    component: () => import('./Interaction/InteractionExample.vue'),
+    component: () => import('./src/Interaction/InteractionExample.vue'),
   },
   {
     path: '/layouting',
-    component: () => import('./Layouting/LayoutingExample.vue'),
+    component: () => import('./src/Layouting/LayoutingExample.vue'),
   },
   {
     path: '/multi-flows',
-    component: () => import('./MultiFlows/MultiFlowsExample.vue'),
+    component: () => import('./src/MultiFlows/MultiFlowsExample.vue'),
   },
   {
     path: '/node-type-change',
-    component: () => import('./NodeTypeChange/NodeTypeChangeExample.vue'),
+    component: () => import('./src/NodeTypeChange/NodeTypeChangeExample.vue'),
   },
   {
     path: '/overview',
-    component: () => import('./Overview/Overview.vue'),
+    component: () => import('./src/Overview/Overview.vue'),
   },
   {
     path: '/provider',
-    component: () => import('./Provider/ProviderExample.vue'),
+    component: () => import('./src/Provider/ProviderExample.vue'),
   },
   {
     path: '/save-restore',
-    component: () => import('./SaveRestore/SaveRestoreExample.vue'),
+    component: () => import('./src/SaveRestore/SaveRestoreExample.vue'),
   },
   {
     path: '/stress',
-    component: () => import('./Stress/StressExample.vue'),
+    component: () => import('./src/Stress/StressExample.vue'),
   },
   {
     path: '/switch',
-    component: () => import('./Switch/SwitchExample.vue'),
+    component: () => import('./src/Switch/SwitchExample.vue'),
   },
   {
     path: '/unidirectional',
-    component: () => import('./Unidirectional/UnidirectionalExample.vue'),
+    component: () => import('./src/Unidirectional/UnidirectionalExample.vue'),
   },
   {
     path: '/updateable-edge',
-    component: () => import('./UpdatableEdge/UpdatableEdgeExample.vue'),
+    component: () => import('./src/UpdatableEdge/UpdatableEdgeExample.vue'),
   },
   {
     path: '/update-node',
-    component: () => import('./UpdateNode/UpdateNodeExample.vue'),
+    component: () => import('./src/UpdateNode/UpdateNodeExample.vue'),
   },
   {
     path: '/validation',
-    component: () => import('./Validation/ValidationExample.vue'),
+    component: () => import('./src/Validation/ValidationExample.vue'),
   },
   {
     path: '/nesting',
-    component: () => import('./Nesting/Nesting.vue'),
+    component: () => import('./src/Nesting/Nesting.vue'),
   },
 ]
 
diff --git a/examples/Basic/Basic.vue b/examples/src/Basic/Basic.vue
similarity index 100%
rename from examples/Basic/Basic.vue
rename to examples/src/Basic/Basic.vue
diff --git a/examples/Basic/BasicOptionsAPI.vue b/examples/src/Basic/BasicOptionsAPI.vue
similarity index 100%
rename from examples/Basic/BasicOptionsAPI.vue
rename to examples/src/Basic/BasicOptionsAPI.vue
diff --git a/examples/Basic/ResizableNode.vue b/examples/src/Basic/ResizableNode.vue
similarity index 100%
rename from examples/Basic/ResizableNode.vue
rename to examples/src/Basic/ResizableNode.vue
diff --git a/examples/CustomConnectionLine/ConnectionLine.vue b/examples/src/CustomConnectionLine/ConnectionLine.vue
similarity index 100%
rename from examples/CustomConnectionLine/ConnectionLine.vue
rename to examples/src/CustomConnectionLine/ConnectionLine.vue
diff --git a/examples/CustomConnectionLine/CustomConnectionLine.vue b/examples/src/CustomConnectionLine/CustomConnectionLine.vue
similarity index 100%
rename from examples/CustomConnectionLine/CustomConnectionLine.vue
rename to examples/src/CustomConnectionLine/CustomConnectionLine.vue
diff --git a/examples/CustomNode/ColorSelectorNode.vue b/examples/src/CustomNode/ColorSelectorNode.vue
similarity index 100%
rename from examples/CustomNode/ColorSelectorNode.vue
rename to examples/src/CustomNode/ColorSelectorNode.vue
diff --git a/examples/CustomNode/CustomNode.vue b/examples/src/CustomNode/CustomNode.vue
similarity index 100%
rename from examples/CustomNode/CustomNode.vue
rename to examples/src/CustomNode/CustomNode.vue
diff --git a/examples/DragNDrop/DnD.vue b/examples/src/DragNDrop/DnD.vue
similarity index 98%
rename from examples/DragNDrop/DnD.vue
rename to examples/src/DragNDrop/DnD.vue
index a172f76e..d2330057 100644
--- a/examples/DragNDrop/DnD.vue
+++ b/examples/src/DragNDrop/DnD.vue
@@ -45,5 +45,5 @@ const onDrop = (event: DragEvent) => {
   </div>
 </template>
 <style>
-@import './dnd.css';
+@import 'dnd.css';
 </style>
diff --git a/examples/DragNDrop/Sidebar.vue b/examples/src/DragNDrop/Sidebar.vue
similarity index 100%
rename from examples/DragNDrop/Sidebar.vue
rename to examples/src/DragNDrop/Sidebar.vue
diff --git a/examples/DragNDrop/dnd.css b/examples/src/DragNDrop/dnd.css
similarity index 100%
rename from examples/DragNDrop/dnd.css
rename to examples/src/DragNDrop/dnd.css
diff --git a/examples/EdgeTypes/EdgeTypesExample.vue b/examples/src/EdgeTypes/EdgeTypesExample.vue
similarity index 100%
rename from examples/EdgeTypes/EdgeTypesExample.vue
rename to examples/src/EdgeTypes/EdgeTypesExample.vue
diff --git a/examples/EdgeTypes/utils.ts b/examples/src/EdgeTypes/utils.ts
similarity index 97%
rename from examples/EdgeTypes/utils.ts
rename to examples/src/EdgeTypes/utils.ts
index f6b63844..14258e43 100644
--- a/examples/EdgeTypes/utils.ts
+++ b/examples/src/EdgeTypes/utils.ts
@@ -1,4 +1,4 @@
-import { Elements, Position } from '../../package/src'
+import { Elements, Position } from '@braks/vue-flow/src'
 
 const nodeWidth = 80
 const nodeGapWidth = nodeWidth * 2
diff --git a/examples/Edges/CustomEdge.vue b/examples/src/Edges/CustomEdge.vue
similarity index 100%
rename from examples/Edges/CustomEdge.vue
rename to examples/src/Edges/CustomEdge.vue
diff --git a/examples/Edges/CustomEdge2.vue b/examples/src/Edges/CustomEdge2.vue
similarity index 100%
rename from examples/Edges/CustomEdge2.vue
rename to examples/src/Edges/CustomEdge2.vue
diff --git a/examples/Edges/CustomLabel.vue b/examples/src/Edges/CustomLabel.vue
similarity index 100%
rename from examples/Edges/CustomLabel.vue
rename to examples/src/Edges/CustomLabel.vue
diff --git a/examples/Edges/EdgesExample.vue b/examples/src/Edges/EdgesExample.vue
similarity index 100%
rename from examples/Edges/EdgesExample.vue
rename to examples/src/Edges/EdgesExample.vue
diff --git a/examples/Empty/EmptyExample.vue b/examples/src/Empty/EmptyExample.vue
similarity index 100%
rename from examples/Empty/EmptyExample.vue
rename to examples/src/Empty/EmptyExample.vue
diff --git a/examples/Hidden/HiddenExample.vue b/examples/src/Hidden/HiddenExample.vue
similarity index 100%
rename from examples/Hidden/HiddenExample.vue
rename to examples/src/Hidden/HiddenExample.vue
diff --git a/examples/Interaction/InteractionExample.vue b/examples/src/Interaction/InteractionExample.vue
similarity index 100%
rename from examples/Interaction/InteractionExample.vue
rename to examples/src/Interaction/InteractionExample.vue
diff --git a/examples/Layouting/LayoutingExample.vue b/examples/src/Layouting/LayoutingExample.vue
similarity index 98%
rename from examples/Layouting/LayoutingExample.vue
rename to examples/src/Layouting/LayoutingExample.vue
index 64fb0748..ba71a03d 100644
--- a/examples/Layouting/LayoutingExample.vue
+++ b/examples/src/Layouting/LayoutingExample.vue
@@ -49,5 +49,5 @@ const onLayout = (direction: string) => {
   </div>
 </template>
 <style>
-@import './layouting.css';
+@import 'layouting.css';
 </style>
diff --git a/examples/Layouting/initial-elements.ts b/examples/src/Layouting/initial-elements.ts
similarity index 100%
rename from examples/Layouting/initial-elements.ts
rename to examples/src/Layouting/initial-elements.ts
diff --git a/examples/Layouting/layouting.css b/examples/src/Layouting/layouting.css
similarity index 100%
rename from examples/Layouting/layouting.css
rename to examples/src/Layouting/layouting.css
diff --git a/examples/MultiFlows/Flow.vue b/examples/src/MultiFlows/Flow.vue
similarity index 100%
rename from examples/MultiFlows/Flow.vue
rename to examples/src/MultiFlows/Flow.vue
diff --git a/examples/MultiFlows/MultiFlowsExample.vue b/examples/src/MultiFlows/MultiFlowsExample.vue
similarity index 86%
rename from examples/MultiFlows/MultiFlowsExample.vue
rename to examples/src/MultiFlows/MultiFlowsExample.vue
index 24fec277..172c368b 100644
--- a/examples/MultiFlows/MultiFlowsExample.vue
+++ b/examples/src/MultiFlows/MultiFlowsExample.vue
@@ -8,5 +8,5 @@ import Flow from './Flow.vue'
   </div>
 </template>
 <style>
-@import './multiflows.css';
+@import 'multiflows.css';
 </style>
diff --git a/examples/MultiFlows/multiflows.css b/examples/src/MultiFlows/multiflows.css
similarity index 100%
rename from examples/MultiFlows/multiflows.css
rename to examples/src/MultiFlows/multiflows.css
diff --git a/examples/Nesting/GroupNode.vue b/examples/src/Nesting/GroupNode.vue
similarity index 100%
rename from examples/Nesting/GroupNode.vue
rename to examples/src/Nesting/GroupNode.vue
diff --git a/examples/Nesting/Nesting.vue b/examples/src/Nesting/Nesting.vue
similarity index 100%
rename from examples/Nesting/Nesting.vue
rename to examples/src/Nesting/Nesting.vue
diff --git a/examples/NodeTypeChange/NodeTypeChangeExample.vue b/examples/src/NodeTypeChange/NodeTypeChangeExample.vue
similarity index 100%
rename from examples/NodeTypeChange/NodeTypeChangeExample.vue
rename to examples/src/NodeTypeChange/NodeTypeChangeExample.vue
diff --git a/examples/Overview/Overview.vue b/examples/src/Overview/Overview.vue
similarity index 100%
rename from examples/Overview/Overview.vue
rename to examples/src/Overview/Overview.vue
diff --git a/examples/Provider/ProviderExample.vue b/examples/src/Provider/ProviderExample.vue
similarity index 97%
rename from examples/Provider/ProviderExample.vue
rename to examples/src/Provider/ProviderExample.vue
index 9a7c980d..168c7401 100644
--- a/examples/Provider/ProviderExample.vue
+++ b/examples/src/Provider/ProviderExample.vue
@@ -27,5 +27,5 @@ const elements = ref<Elements>(initialElements)
   </div>
 </template>
 <style>
-@import './provider.css';
+@import 'provider.css';
 </style>
diff --git a/examples/Provider/Sidebar.vue b/examples/src/Provider/Sidebar.vue
similarity index 100%
rename from examples/Provider/Sidebar.vue
rename to examples/src/Provider/Sidebar.vue
diff --git a/examples/Provider/provider.css b/examples/src/Provider/provider.css
similarity index 100%
rename from examples/Provider/provider.css
rename to examples/src/Provider/provider.css
diff --git a/examples/RGBFlow/RGBFlow.vue b/examples/src/RGBFlow/RGBFlow.vue
similarity index 100%
rename from examples/RGBFlow/RGBFlow.vue
rename to examples/src/RGBFlow/RGBFlow.vue
diff --git a/examples/RGBFlow/RGBNode.vue b/examples/src/RGBFlow/RGBNode.vue
similarity index 100%
rename from examples/RGBFlow/RGBNode.vue
rename to examples/src/RGBFlow/RGBNode.vue
diff --git a/examples/RGBFlow/RGBOutputNode.vue b/examples/src/RGBFlow/RGBOutputNode.vue
similarity index 100%
rename from examples/RGBFlow/RGBOutputNode.vue
rename to examples/src/RGBFlow/RGBOutputNode.vue
diff --git a/examples/SaveRestore/Controls.vue b/examples/src/SaveRestore/Controls.vue
similarity index 100%
rename from examples/SaveRestore/Controls.vue
rename to examples/src/SaveRestore/Controls.vue
diff --git a/examples/SaveRestore/SaveRestoreExample.vue b/examples/src/SaveRestore/SaveRestoreExample.vue
similarity index 95%
rename from examples/SaveRestore/SaveRestoreExample.vue
rename to examples/src/SaveRestore/SaveRestoreExample.vue
index ed167d77..f4901209 100644
--- a/examples/SaveRestore/SaveRestoreExample.vue
+++ b/examples/src/SaveRestore/SaveRestoreExample.vue
@@ -16,5 +16,5 @@ const elements = ref(initialElements)
   </VueFlow>
 </template>
 <style>
-@import './save.css';
+@import 'save.css';
 </style>
diff --git a/examples/SaveRestore/save.css b/examples/src/SaveRestore/save.css
similarity index 100%
rename from examples/SaveRestore/save.css
rename to examples/src/SaveRestore/save.css
diff --git a/examples/Stress/StressExample.vue b/examples/src/Stress/StressExample.vue
similarity index 100%
rename from examples/Stress/StressExample.vue
rename to examples/src/Stress/StressExample.vue
diff --git a/examples/Stress/utils.ts b/examples/src/Stress/utils.ts
similarity index 100%
rename from examples/Stress/utils.ts
rename to examples/src/Stress/utils.ts
diff --git a/examples/Switch/SwitchExample.vue b/examples/src/Switch/SwitchExample.vue
similarity index 100%
rename from examples/Switch/SwitchExample.vue
rename to examples/src/Switch/SwitchExample.vue
diff --git a/examples/Unidirectional/CustomNode.vue b/examples/src/Unidirectional/CustomNode.vue
similarity index 100%
rename from examples/Unidirectional/CustomNode.vue
rename to examples/src/Unidirectional/CustomNode.vue
diff --git a/examples/Unidirectional/UnidirectionalExample.vue b/examples/src/Unidirectional/UnidirectionalExample.vue
similarity index 100%
rename from examples/Unidirectional/UnidirectionalExample.vue
rename to examples/src/Unidirectional/UnidirectionalExample.vue
diff --git a/examples/UpdatableEdge/UpdatableEdgeExample.vue b/examples/src/UpdatableEdge/UpdatableEdgeExample.vue
similarity index 100%
rename from examples/UpdatableEdge/UpdatableEdgeExample.vue
rename to examples/src/UpdatableEdge/UpdatableEdgeExample.vue
diff --git a/examples/UpdateNode/UpdateNodeExample.vue b/examples/src/UpdateNode/UpdateNodeExample.vue
similarity index 97%
rename from examples/UpdateNode/UpdateNodeExample.vue
rename to examples/src/UpdateNode/UpdateNodeExample.vue
index 36a7fede..fc151fc4 100644
--- a/examples/UpdateNode/UpdateNodeExample.vue
+++ b/examples/src/UpdateNode/UpdateNodeExample.vue
@@ -44,5 +44,5 @@ onMounted(updateNode)
   </VueFlow>
 </template>
 <style>
-@import './updatenode.css';
+@import 'updatenode.css';
 </style>
diff --git a/examples/UpdateNode/updatenode.css b/examples/src/UpdateNode/updatenode.css
similarity index 100%
rename from examples/UpdateNode/updatenode.css
rename to examples/src/UpdateNode/updatenode.css
diff --git a/examples/Validation/CustomInput.vue b/examples/src/Validation/CustomInput.vue
similarity index 100%
rename from examples/Validation/CustomInput.vue
rename to examples/src/Validation/CustomInput.vue
diff --git a/examples/Validation/CustomNode.vue b/examples/src/Validation/CustomNode.vue
similarity index 100%
rename from examples/Validation/CustomNode.vue
rename to examples/src/Validation/CustomNode.vue
diff --git a/examples/Validation/ValidationExample.vue b/examples/src/Validation/ValidationExample.vue
similarity index 98%
rename from examples/Validation/ValidationExample.vue
rename to examples/src/Validation/ValidationExample.vue
index 795c853d..09a97c8d 100644
--- a/examples/Validation/ValidationExample.vue
+++ b/examples/src/Validation/ValidationExample.vue
@@ -45,5 +45,5 @@ const onConnect = (params: Connection) => {
   </VueFlow>
 </template>
 <style>
-@import './validation.css';
+@import 'validation.css';
 </style>
diff --git a/examples/Validation/validation.css b/examples/src/Validation/validation.css
similarity index 100%
rename from examples/Validation/validation.css
rename to examples/src/Validation/validation.css
diff --git a/examples/vite.config.ts b/examples/vite.config.ts
index a4d3e5a4..e6b66998 100644
--- a/examples/vite.config.ts
+++ b/examples/vite.config.ts
@@ -4,14 +4,13 @@ import vueTypes from 'vite-plugin-vue-type-imports'
 import AutoImport from 'unplugin-auto-import/vite'
 
 export default defineConfig({
-  root: '.',
   plugins: [
     vue(),
     vueTypes(),
     // https://github.com/antfu/unplugin-auto-import
     AutoImport({
       imports: ['vue', '@vueuse/core'],
-      dts: 'auto-imports.d.ts',
+      dts: 'src/auto-imports.d.ts',
     }),
   ],
   optimizeDeps: {
diff --git a/tests/cypress/integration/1-store/setElements.spec.ts b/tests/cypress/integration/1-store/setElements.spec.ts
index 0ea94179..015cb9c0 100644
--- a/tests/cypress/integration/1-store/setElements.spec.ts
+++ b/tests/cypress/integration/1-store/setElements.spec.ts
@@ -1,5 +1,5 @@
 import { useVueFlow, isEdge, isNode, Edge, FlowStore, Node } from '@braks/vue-flow'
-import { getElements } from '../../../../examples/Stress/utils'
+import { getElements } from '../../../../examples/src/Stress/utils'
 
 describe('test store action setElements', () => {
   const setElements = async (store: FlowStore) => {