Проблема в том, что вызывается метод массива find
не на массиве, а на объекте.
Поэтому код нужно изменить на такой.
return Object.values(this.allMenu.food).find(item => item.id == this.$route.params.id)
Кроме того, когда шаблон будет пытаться отрисоваться и вызовет соответствующий геттер, данные с API еще не факт, что придут. Поэтому необходимо добавить дополнительную проверку вида
return Object.values(this.allMenu.food)?.find(item => item.id == this.$route.params.id) ?? []
Либо, если новый синтаксис в вашей среде не поддерживается, так
return this.allMenu && this.allMenu.food ? Object.values(this.allMenu.food).find(item => item.id == this.$route.params.id) : []