refactor(additional-components): move additional components into separate pkg

examples/vite/src/Nesting/GroupNode.vue

@@ -3,14 +3,16 @@ import { Handle, Position, getNodesInside, useVueFlow } from '@vue-flow/core'
 import type { NodeProps } from '@vue-flow/core'
 
 const props = defineProps<NodeProps>()
+
 const { onNodeDragStop, getNodes, viewport } = useVueFlow()
+
 onNodeDragStop(({ node }) => {
   const nodes = getNodesInside(
     getNodes.value,
     {
       ...props.dimensions,
-      x: props.computedPosition.x,
-      y: props.computedPosition.y,
+      x: props.position.x,
+      y: props.position.y,
     },
     viewport.value,
   )

examples/vite/src/Nesting/Nesting.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
-import { Background, ConnectionMode, Controls, MiniMap, VueFlow, useVueFlow } from '@vue-flow/core'
+import { ConnectionMode, VueFlow, useVueFlow } from '@vue-flow/core'
+import { Background, Controls, MiniMap } from '@vue-flow/additional-components'
 
-const { onConnect, nodes, edges, addEdges, addNodes } = useVueFlow({
+const { onConnect, addEdges, addNodes } = useVueFlow({
   fitViewOnInit: true,
   connectionMode: ConnectionMode.Loose,
   nodes: [