wip

Author: stepanenko3

dist/js/package.js

@@ -101,7 +101,7 @@ const props = defineProps({
     },
 });
 
-const emit = defineEmits(["confirmSelect"]);
+const emit = defineEmits(["confirmSelection"]);
 
 // HOOKS
 onMounted(() => {
@@ -120,7 +120,7 @@ onKeyStroke("Escape", (e) => {
 });
 
 watch(selectionConfirms, () => {
-    emit("confirmSelect", store.selection);
+    emit("confirmSelection", store.selection);
 
     store.clearSelection();
     store.closeModals();

dist/js/tool.js

@@ -13,9 +13,7 @@
                     <Browser
                         :selecting="selecting"
                         :multiple="multiple"
-                        @confirmSelect="
-                            ($event) => emit('confirmSelect', $event)
-                        "
+                        @confirmSelection="confirmSelection"
                     />
                 </div>
             </div>
@@ -45,7 +43,7 @@ const props = defineProps({
 
 const store = useBrowserStore();
 
-const emit = defineEmits(["update:state", "confirmSelect"]);
+const emit = defineEmits(["update:state", "confirmSelection"]);
 
 onKeyStroke("Escape", (e) => {
     if (!store.modals.length) {
@@ -56,6 +54,12 @@ onKeyStroke("Escape", (e) => {
     }
 });
 
+function confirmSelection(e) {
+    closeModal();
+
+    emit('confirmSelection', e)
+}
+
 function closeModal() {
     emit("update:state", false);
 }

resources/js/components/Browser.vue

@@ -14,7 +14,7 @@
 
         <BrowserModal
             v-model:state="modalState"
-            @confirmSelect="confirmSelect"
+            @confirmSelection="confirmSelection"
         />
     </div>
 </template>
@@ -26,7 +26,7 @@ import Browser from "../components/Browser.vue";
 
 const modalState = ref(false);
 
-function confirmSelect(e) {
+function confirmSelection(e) {
     console.log(e);
 
     modalState.value = false;