Я новичок в API композиции с vue3. Я создал это вычисляемое свойство, и я хотел бы иметь эту вычисляемую переменную в другом файле, я не уверен, должен ли я создавать новый компонент или я могу получить его из файла js. Вот как работает компонент (я сделал это с помощью setup ()):
export default {
name: "Recipes",
setup() {
const state = reactive({
recipes: [],
sortBy: "alphabetically",
ascending: true,
searchValue: "",
});
const favoritesRecipes = computed(() => {
let tempFavs = state.recipes;
// Show only favorites
if (state.heart) {
tempFavs = tempFavs.filter(item => {
return item.favorite;
});
}
return tempFavs;
...
});
...
}
return {
...toRefs(state),
favoriteRecipes
}
// end of setup
}