<template>
  <b>With Named Filter</b>
  <b-table :items="items" :filter="criteria" :filter-function="namedFilter">
  </b-table>
  <b>With Anonymous Filter</b>
  <b-table :items="items" :filter="criteria" :filter-function="anonymousFilterFactory()">
  </b-table>
</template>
<script>
export default {
  data() {
    return {
      anonymousFilterFactory: () => (row, filter) => false,
      namedFilter: (row, filter) => false,
      criteria: "40",
      items: [{
          age: 40,
          first_name: 'Dickerson',
          last_name: 'Macdonald'
        },
        {
          age: 21,
          first_name: 'Larsen',
          last_name: 'Shaw'
        },
        {
          age: 89,
          first_name: 'Geneva',
          last_name: 'Wilson'
        },
        {
          age: 38,
          first_name: 'Jami',
          last_name: 'Carney'
        }
      ]
    }
  }
})
}
</script>