<template>
  <div>
    <SearchEventComponent
      :foundEvents="foundEvents"
    />
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
import SearchEventComponent from '../components/Events/SearchEvent/SearchEventComponent'

export default {
  components: {
    SearchEventComponent
  },
  props: {
    id: {
      type: String,
      default: ''
    }
  },
  computed: {
    ...mapGetters([
      'foundEvents'
    ])
  },
  methods: {
    ...mapActions([
      'searchEvent'
    ])
  },
  mounted () {
    this.searchEvent(this.id)
  }
}
</script>

<style>

</style>