vue-simple-search-dropdown

<template>
    <div class="relative">
        <Dropdown
            :options="$page.places.edges.map(e => e.node)"
            v-on:selected="submit"
            :disabled="false"
            name="dropdown"
            :maxItem="600"
            class="text-left"
            placeholder="Please select an option">
        </Dropdown>
        <button type="submit" v-on:click.prevent="submit()" class="relative z-50">Go</button>
    </div>
</template>

<page-query>
    query Posts {
    places: allPlace ( sortBy: "title", order: ASC) {
        edges {
        node {
            id
            path
            title
            name
        }
        }
    }
    }
</page-query>

<script>
    import Dropdown from 'vue-simple-search-dropdown';

    export default {
    components: {
        Dropdown
    },
    methods: {
        submit(){
        this.$router.push(this.matches[selected.path])
        }
    }
    }
</script>