Make a Vue3 compatibility example about meilisearch-vue HOT 6 CLOSED

<ais-hits>
    <template v-slot="item">
        <ais-highlight :hit="item.item" attribute="name" />
    </template>
</ais-hits>

<template>
    <ais-instant-search :search-client="searchClient" index-name="users">
        <ais-search-box />
        <ais-hits>
            <template v-slot="item">
                <ais-highlight :hit="item" attribute="name" />
            </template>
        </ais-hits>
    </ais-instant-search>
</template>
<script>
import {instantMeiliSearch} from '@meilisearch/instant-meilisearch';
import InstantSearch from "vue-instantsearch/vue3/es/src/components/InstantSearch";
import AisInstantSearch from "vue-instantsearch/vue3/es/src/components/InstantSearch";
import AisSearchBox from "vue-instantsearch/vue3/es/src/components/SearchBox.vue";
import AisHits from "vue-instantsearch/vue3/es/src/components/Hits.vue";
import AisHighlight from "vue-instantsearch/vue3/es/src/components/Highlight.vue";

export default {
    name: 'search',
    components: {
        AisInstantSearch,
        AisSearchBox,
        AisHighlight,
        AisHits,
    },
    data() {
        return {
            searchClient: instantMeiliSearch(
                "my.server.address"
            ),
        };
    }
}
</script>