feat: add useDialogControl helper function for interacting with ADialog component

src/components/generic/ADialog.vue

@@ -35,6 +35,24 @@
   </dialog>
 </template>
 
+<script lang="ts">
+import { Ref } from 'vue'
+
+export function useDialogControl(dialog: Ref<unknown>) {
+  function open() {
+    // @ts-expect-error unknown property access
+    dialog.value?.open()
+  }
+
+  function close() {
+    // @ts-expect-error unknown property access
+    dialog.value?.close()
+  }
+
+  return { open, close }
+}
+</script>
+
 <script lang="ts" setup>
 import { computed, nextTick, ref, useSlots, watch } from 'vue'