feat: add group component

Author: ksassnowski

src/components/Group.vue

@@ -0,0 +1,16 @@
+<template>
+  <g v-bind="$attrs">
+    <slot />
+  </g>
+</template>
+
+<script lang="ts" setup>
+import { toRef } from "vue";
+import { PossibleVector2, Vector2 } from "../utils/Vector2.ts";
+import { useLocalToWorld } from "../composables/useLocalToWorld.ts";
+
+const props = withDefaults(
+  defineProps<{ position?: PossibleVector2; }>(), { position: () => new Vector2() });
+
+useLocalToWorld(toRef(props, "position"));
+</script>

src/index.ts

@@ -4,6 +4,7 @@ export { default as Circle } from "./components/Circle.vue";
 export { default as Ellipse } from "./components/Ellipse.vue";
 export { default as FunctionPlot } from "./components/FunctionPlot.vue";
 export { default as Graph } from "./components/Graph.vue";
+export { default as Group } from "./components/Group.vue";
 export { default as Label } from "./components/Label.vue";
 export { default as Line } from "./components/Line.vue";
 export { default as Point } from "./components/Point.vue";