Search Box and Checkbox filter with Vue

Question

I am trying to build filter system with Vue.

Updated

Filters working, but all the functions computed are separeted functions. So How can I make those in on

Answer 1

rooms and regions are arrays. So you need to iterate through these arrays in order to render the checkboxes.

instead of this:

関東 
関西 
北海道

should be like this:

similar should be done with rooms.

Also, in js part, you have checkedRegions while in template you have checkedLocations. I guess this should be too checkedRegions.