feat: add useParent/useChildren

src/api/use-global-event.ts

@@ -5,7 +5,7 @@ import {
   onMounted,
   onActivated,
   onUnmounted,
-  onDeactivated
+  onDeactivated,
 } from 'vue';
 
 export function useGlobalEvent(

src/api/use-relation.ts

@@ -0,0 +1,29 @@
+import { ref, Ref, provide, inject, computed } from 'vue';
+
+export type Parent = null | {
+  children: Ref<unknown[]>;
+};
+
+export function useParent(key: string) {
+  const children = ref<unknown>([]);
+
+  provide(key, { children });
+
+  return {
+    children,
+  };
+}
+
+export function useChildren(key: string, child: unknown) {
+  const parent = inject<Parent>(key, null);
+  const index = computed(() => parent?.children.value.indexOf(child));
+
+  if (parent) {
+    parent.children.value.push(child);
+  }
+
+  return {
+    index,
+    parent,
+  };
+}

src/api/use-touch.ts

@@ -58,6 +58,6 @@ export function useTouch() {
     deltaY,
     offsetX,
     offsetY,
-    direction
+    direction,
   };
 }