src/ledger/CreateLedgerModal.vue

@@ -33,8 +33,12 @@ const open = () => {
   modalOpen.value = true;
 }
 
+const canCreate = computed(() => name.value.trim().length > 0);
+
 const create = () => {
-  if (type.value === MAIN_LEDGER) {
+  if (!canCreate.value) {
+    return;
+  } else if (type.value === MAIN_LEDGER) {
     createMain({ name: name.value })
   } else {
     createCombining({ name: name.value, memberLedgerIds: members.value.map(l => l.ledgerId) })
@@ -82,7 +86,7 @@ defineExpose({ open });
         </div>
       </div>
       <div class="flex justify-end">
-        <button class="me-4" @click="create">Create</button>
+        <button class="me-4" @click="create" :disabled="!canCreate">Create</button>
       </div>
     </div>
   </Modal>