Я пытаюсь отфильтровать массив объектов с помощью useWebWorkerFn
Ниже приведен мой код, чтобы сделать то же самое.
import { useWebWorkerFn } from '@vueuse/core'
import { doLowerCase } from './filtering.js'
async function asyncDataSearch(data,searchWords) {
const { workerFn } = useWebWorkerFn(dataSearch, {
dependencies: [
'https://cdn.jsdelivr.net/npm/[email protected]/every.js',
'https://cdn.jsdelivr.net/npm/[email protected]/includes.js'
],
})
const filteredData = await workerFn(data, searchWords)
return filteredData
}
async function dataSearch(data, searchWords) {
return data.filter((e) => {
let isTrueName = true;
if (searchWords.length > 0) {
const myBigStr = doLowerCase(
.trim(
`${e.fname}${e.lname} ${e.cname}`
);
isTrueName = _.every(searchWords, (el) => _.includes(myBigStr, el));
}
return isTrueName;
});
}
А ниже - функция doLowerCase в файле filtering.js.
export function doLowerCase(myText = "") {
if (myText) {
return myText.toLowerCase();
} else {
return "";
}
}
Теперь проблема в том, что функции lodash работают, когда я добавляю URL-адрес cdn lodash.min.js, но я не хочу импортировать весь пакет lodash, когда я пытаюсь добавить зависимости каждой функции, как указано здесь. Он показывает ошибку, что не удалось импортировать скрипты. Также в приведенном выше коде doLowerCase - это функция, присутствующая в другом файле, функция не работает, поскольку она недоступна, как мне импортировать и использовать функцию должным образом. Для получения дополнительной информации посетите VueUse
@ tony19 Я обновил код в соответствии с вашим комментарием.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Покажите, пожалуйста, как вы импортируете функции
lodash. Также покажитеfiltering.js.