directory list context menu

frontend/components/actions/CreateDirectoryDialog.vue

@@ -11,9 +11,9 @@ import {
 import { createDirectory } from '~/lib/api/warrens';
 
 const warrenRoute = useWarrenRoute();
+const dialog = useCreateDirectoryDialog();
 
 const creating = ref(false);
-const open = ref(false);
 const directoryName = ref('');
 
 async function submit() {
@@ -28,13 +28,13 @@ async function submit() {
 
     if (success) {
         directoryName.value = '';
-        open.value = false;
+        dialog.open = false;
     }
 }
 </script>
 
 <template>
-    <Dialog v-model:open="open">
+    <Dialog v-model:open="dialog.open">
         <DialogTrigger as-child>
             <slot />
         </DialogTrigger>