Makeit Search

npm i makeit-search

import { createApp } from 'vue'
import MakeitSearch from 'makeit-search'
import 'makeit-search/dist/search.min.css'
import App from './app.vue'

const app = createApp(App)
app.use(MakeitSearch)
app.mount('#app')

<template>
    <!-- Базовый пример -->
    <mi-search :data="searchData" search-key="title" />
    
    <!-- Пример с пользовательским шаблоном -->
    <mi-search :data="searchData"
               search-key="title"
               border-color="#2F9688"
               search-key-color="#2F9688"
               :radius="42"

    :pagination="true"
    :page-size="3">
    <template v-slot:itemTemplate>
        <div class="avatar">
            <mi-search-key type="image" tag="img" name="avatar" />
        </div>
        <div class="info">
            <div class="title">
                <mi-search-key name="title" />
            </div>
            <div class="content">
                <mi-search-key name="content" />
            </div>
        </div>
    </template>
</mi-search>
<!-- Поддерживает удаленный поиск / Поиск с задержкой -->
<mi-search search-key="title"
    border-color="#3399ff"
    search-key-color="#3399ff"
    search-action="v1/captcha/init"
    :search-delay=".3" />