title: v-show if nested array items match filtered array
body: <p>I have to write a Vue webapp that will take multiple filters, push them to an array and on a click method, check the filters arrays values and if any of the values match any of the nested values inside the tiles nested array, show the tiles where there is a match. So, my filter array could have:</p>
  
  <pre><code>filters: ['cookies', 'jogging']
  </code></pre>
  
  <p>And my nested tiles array will have:</p>
  
  <pre><code>tiles: [
   {
    "name": "Greg",
    "food": ["cookies", "chips", "burgers"],
    "activities": ["drawing", "watching movies"]
    "favourite places": ["the parks", "movie theatre"]
   },{
    "name": "Robyn",
    "food": ["cookies", "hotdogs", "fish"],
    "activities": ["reading", "jogging"]
    "favourite places": ["beach", "theme parks"]
   },{
    "name": "John",
    "food": ["sushi", "candy", "fruit"],
    "activities": ["writing", "planning"]
    "favourite places": ["the moon", "venus"]
   }
  ]
  </code></pre>
  
  <p>In the above example, the tiles that would show would be Robyn, since she likes cookies and jogging.</p>
  
  <p>So far my thinking is writing out a for loop that checks the the values inside the nested array, which I got from this solution:</p>
  
  <p><a href="https://stackoverflow.com/a/25926600/1159683">https://stackoverflow.com/a/25926600/1159683</a></p>
  
  <p>However i'm failing to make the connection for just showing the item inside a v-for/v-show. I've got the method down for pushing all the filters to the filter array, but when it comes to matching it with the nested array and showing them based on the match, i'm at a loss. Preferably i'd like to write this out in vanilla js (es5).</p>
  
  <p>Any help is appreciated.</p>
  
  <p>Thank you!</p>