Skip to content

SearchcraftResultsInfo

**@searchcraft/vue-sdk**


@searchcraft/vue-sdk / SearchcraftResultsInfo

const SearchcraftResultsInfo: DefineSetupFnComponent<SearchcraftResultsInfo & InputProps<string | number | boolean>, {}, {}, SearchcraftResultsInfo & InputProps<string | number | boolean>, PublicProps> = Component

This Vue component is designed to display the number of results returned from a search query.

Example

<script setup>
  import SearchcraftResultsInfo from '@searchcraft/vue-sdk';

  const customFormatter =  (range, count, responseTime) =>
    `${range[0]}-${range[1]} of ${count} results in ${responseTime}ms`;
</script>

<template>
  <SearchcraftResultsInfo :customFormatter="customFormatter" />
</template>