diff --git a/src/components/common/VnSelectFilter.vue b/src/components/common/VnSelectFilter.vue
index ad0a0ec38..c197f17ea 100644
--- a/src/components/common/VnSelectFilter.vue
+++ b/src/components/common/VnSelectFilter.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { deepFind } from 'src/composables/deepFind';
 import { ref, toRefs, computed, watch } from 'vue';
 const emit = defineEmits(['update:modelValue', 'update:options']);
 
@@ -51,20 +52,7 @@ function setOptions(data) {
     myOptions.value = JSON.parse(JSON.stringify(data));
     myOptionsOriginal.value = JSON.parse(JSON.stringify(data));
 }
-function deepFind(obj, path) {
-  var paths = path.split('.')
-    , current = obj
-    , i;
 
-  for (i = 0; i < paths.length; ++i) {
-    if (current[paths[i]] == undefined) {
-      return undefined;
-    } else {
-      current = current[paths[i]];
-    }
-  }
-  return current;
-}
 setOptions(options.value);
 const filter = (val, options) => {
     const search = val.toString().toLowerCase();
diff --git a/src/composables/deepFind.js b/src/composables/deepFind.js
new file mode 100644
index 000000000..ec28fe387
--- /dev/null
+++ b/src/composables/deepFind.js
@@ -0,0 +1,14 @@
+export async function deepFind(obj, path) {
+    const keys = path.split('.');
+    let current = obj;
+
+    for (const key of keys) {
+        if (current[key] !== undefined) {
+            current = current[key];
+        } else {
+            return undefined;
+        }
+    }
+
+    return current;
+}