examples: add quasar example

examples/vite/src/FloatingEdges/FloatingConnectionLine.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { GraphNode, Position } from '../../packages/vue-flow'
-import { getBezierPath } from '../../packages/vue-flow'
+import type { GraphNode, Position } from '@braks/vue-flow'
+import { getBezierPath } from '@braks/vue-flow'
 import { getEdgeParams } from './floating-edge-utils'
 
 interface FloatingConnectionLineProps {

examples/vite/src/FloatingEdges/FloatingEdge.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { CSSProperties } from 'vue'
-import type { EdgeProps, GraphNode, MarkerType } from '../../packages/vue-flow'
-import { getBezierPath } from '../../packages/vue-flow'
+import type { EdgeProps, GraphNode, MarkerType } from '@braks/vue-flow'
+import { getBezierPath } from '@braks/vue-flow'
 import { getEdgeParams } from './floating-edge-utils'
 
 interface FloatingEdgeProps extends EdgeProps {

examples/vite/src/FloatingEdges/FloatingEdges.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { Background, Controls, MarkerType, MiniMap, VueFlow, useVueFlow } from '../../packages/vue-flow'
+import { Background, Controls, MarkerType, MiniMap, VueFlow, useVueFlow } from '@braks/vue-flow'
 import FloatingEdge from './FloatingEdge.vue'
 import FloatingConnectionLine from './FloatingConnectionLine.vue'
 import { createElements } from './floating-edge-utils'

examples/vite/src/FloatingEdges/floating-edge-utils.ts

@@ -1,5 +1,5 @@
-import type { Edge, GraphNode, XYPosition } from '../../packages/vue-flow'
-import { MarkerType, Position } from '../../packages/vue-flow'
+import type { Edge, GraphNode, XYPosition } from '@braks/vue-flow'
+import { MarkerType, Position } from '@braks/vue-flow'
 
 // this helper function returns the intersection point
 // of the line between the center of the intersectionNode and the target node