82 lines
2.2 KiB
TypeScript
82 lines
2.2 KiB
TypeScript
import { storeToRefs } from 'pinia'
|
|
import type { Recipes } from '~/types'
|
|
|
|
import type { StuffItem } from '~/data/food'
|
|
import { useRecipeStore } from '~/composables/store/recipe'
|
|
|
|
export function useRecipe(recipe: Recipes) {
|
|
const gtm = useGtm()
|
|
|
|
const rStore = useRecipeStore()
|
|
const { curMode, curTool } = storeToRefs(rStore)
|
|
const curStuff = computed(() => rStore.selectedStuff)
|
|
|
|
// 默认严格模式
|
|
const displayedRecipe = computed(() => {
|
|
// if keyword exist, return result directly
|
|
const keyword = rStore.keyword
|
|
if (keyword)
|
|
return recipe.filter(item => item.name.includes(keyword))
|
|
|
|
if (curMode.value === 'strict') {
|
|
return recipe.filter((item) => {
|
|
const stuffFlag = curStuff.value.every(stuff => item.stuff.includes(stuff))
|
|
const toolFlag = item.tools?.includes(curTool.value)
|
|
return curTool.value ? (stuffFlag && toolFlag) : stuffFlag
|
|
})
|
|
}
|
|
else if (curMode.value === 'loose') {
|
|
return recipe.filter((item) => {
|
|
const stuffFlag = curStuff.value.some(stuff => item.stuff.includes(stuff))
|
|
const toolFlag = item.tools?.includes(curTool.value)
|
|
|
|
// 同时存在 厨具和材料，则同时判断
|
|
if (curTool.value && curStuff.value.length) {
|
|
return stuffFlag && toolFlag
|
|
}
|
|
else {
|
|
if (curStuff.value.length)
|
|
return stuffFlag
|
|
else if (curTool.value)
|
|
return toolFlag
|
|
|
|
return false
|
|
}
|
|
})
|
|
}
|
|
// survival
|
|
else {
|
|
return recipe.filter((item) => {
|
|
const stuffFlag = item.stuff.every(stuff => curStuff.value.includes(stuff))
|
|
const toolFlag = item.tools?.includes(curTool.value)
|
|
return curTool.value ? (stuffFlag && toolFlag) : stuffFlag
|
|
})
|
|
}
|
|
})
|
|
|
|
/**
|
|
* toggle tool
|
|
* @param item
|
|
*/
|
|
const clickTool = (item: StuffItem) => {
|
|
const value = item.name
|
|
rStore.toggleTools(value)
|
|
|
|
gtm?.trackEvent({
|
|
event: 'click',
|
|
category: `tool_${value}`,
|
|
action: 'click_tool',
|
|
label: '工具',
|
|
})
|
|
gtm?.trackEvent({
|
|
event: 'click_tool',
|
|
action: item.name,
|
|
})
|
|
}
|
|
|
|
return {
|
|
displayedRecipe,
|
|
clickTool,
|
|
}
|
|
}
|