<template>
    <form class="form-inline">
        <input
            class="form-control w-100"
            type="search"
            placeholder="Search"
            aria-label="Search"
            v-model="search_query"
            @input="searchEventItems(search_query)"
        >
    </form>
</template>

<script>

import {mapActions} from "vuex";

export default {
    name: 'SearchBox',
    data() {
        return {
            search_query: ''
        }
    },
    methods: {
        ...mapActions(['searchEventItems']),
    }
};
</script>