Haroenv/index.html

## index.html
<!DOCTYPE html><html lang="en"><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta property="og:url" content="https://yarnpkg.com/en/package/vue-instantsearch">
    <meta property="og:site_name" content="Yarn">
    <meta property="og:title" content="vue-instantsearch">
    <meta property="og:image" content="https://yarnpkg.com/assets/og_image.png">
    <meta property="og:description" content="👀 Lightning-fast Algolia search for Vue apps">

    <title>vue-instantsearch | Yarn</title>
    <meta name="description" content="👀 Lightning-fast Algolia search for Vue apps">

    <link rel="canonical" href="https://yarnpkg.com/en/package/vue-instantsearch">
    <link rel="alternate" type="application/rss+xml" title="Yarn" href="https://yarnpkg.com/feed.xml">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">

    <link rel="search" href="/opensearch.xml" type="application/opensearchdescription+xml" title="Yarn">


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/fontawesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/main.css?t=2017-07-09T01:15:33+00:00">
    <script async="" src="//www.google-analytics.com/analytics.js"></script><script src="https://cdn.polyfill.io/v2/polyfill.min.js?unknown=polyfill"></script>
  </head>
  <body>


<nav class="navbar navbar-static-top navbar-light">
  <div class="container">
    <a href="/en/">
      <svg class="logo navbar-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1154.8 518">
  <defs>
    <path id="main" d="
      M718.6 257.8c-8 27.6-20.8 47.6-35.2 63.6V181c0-9.6-8.4-17.6-21.6-17.6-5.6 0-10.4 2.8-10.4 6.8 0 2.8 1.6 5.2 1.6 12.8v64.4c-4.8 28-16.8 54-32.8 54-11.6 0-18.4-11.6-18.4-33.2 0-33.6 4.4-51.2 11.6-80.8 1.6-6 13.2-22-6.4-22-21.2 0-18.4 8-21.2 14.8 0 0-13.4 47.6-13.4 90 0 34.8 14.6 57.6 41.4 57.6 17.2 0 29.6-11.6 39.2-27.6V351c-26.4 23.2-49.6 43.6-49.6 84 0 25.6 16 46 38.4 46 20.4 0 41.6-14.8 41.6-56.8V355c21.6-18.8 44.8-42.4 58.4-88.8.4-1.6.4-3.6.4-4 0-7.6-7.6-16.4-14-16.4-4 0-7.2 3.6-9.6 12zm-76.8 198c-6.4 0-10.4-9.6-10.4-22 0-24 8.8-39.2 21.6-52.4v42.8c0 7.6 1.6 31.6-11.2 31.6z
      M833.4 301c-9.6 0-13.6-9.6-13.6-18.4v-66c0-9.6-8.4-17.6-21.6-17.6-5.6 0-10.4 2.8-10.4 6.8 0 2.8 1.6 5.2 1.6 12.8v61.6C785 291.4 777.8 301 767 301c-14 0-22.8-12-22.8-32.8 0-57.6 35.6-83.6 66-83.6 4 0 8 .8 11.6.8 4 0 5.2-2.4 5.2-9.2 0-10.4-7.6-16.8-18.4-16.8-48.8 0-95.2 40.8-95.2 107.6 0 34 16.4 60.4 47.6 60.4 15.2 0 26.4-7.2 34.4-16.4 6 9.6 16.8 16.4 30.8 16.4 34.4 0 50.4-36 57.2-62.4.4-1.6.4-2.4.4-2.8 0-7.6-7.6-16.4-14-16.4-4 0-8 3.6-9.6 12-3.6 17.6-10.8 43.2-26.8 43.2z
      M949 327.4c34.4 0 50-36 57.2-62.4 0-.8.4-1.6.4-2.8 0-7.6-7.6-16.4-14-16.4-4 0-8 3.6-9.6 12-3.6 17.6-10.4 43.2-28.8 43.2-10.8 0-16-10.4-16-21.6 0-40 18-87.2 18-92 1.6-9.2-14.4-22.4-19.2-22.4h-20.8c-4 0-8 0-21.2-1.6-4.4-16.4-15.6-21.2-25.2-21.2-10.4 0-20 7.2-20 18.4 0 11.6 7.2 20 17.2 25.6-.4 20.4-2 53.6-6.4 69.6-3.6 13.6 17.2 28 22.4 11.2 7.2-23.2 9.6-58 10-73.6h34.8c-12.8 34.4-20 62.8-20 88.4 0 35.2 22.4 45.6 41.2 45.6z
      M984.6 309.8c0 14.8 11.2 17.6 19.2 17.6 11.6 0 11.2-9.6 11.2-17.2v-58.4c2.8-31.6 27.6-66 39.2-66 7.6 0 8.4 10.4 8.4 22.8v81.2c0 20.4 12.4 37.6 33.6 37.6 34.4 0 51.4-36 58.2-62.4.4-1.6.4-2.4.4-2.8 0-7.6-7.6-16.4-14-16.4-4 0-8 3.6-9.6 12-3.6 17.6-11.8 43.2-27.8 43.2-10.4 0-10.4-14.8-10.4-18.4v-82.8c0-18.4-6.4-40.4-33.2-40.4-19.6 0-34 17.2-44.8 39.6v-18c0-9.6-8.4-17.6-21.6-17.6-5.6 0-10.4 2.8-10.4 6.8 0 2.8 1.6 5.2 1.6 12.8v126.8z
      M259 0c143 0 259 116 259 259S402 518 259 518 0 402 0 259 116 0 259 0z"></path>
  </defs>

  <use class="logo-primary-rave" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#main" x="0" y="0" style="fill: url(#rave)"></use>
  <use class="logo-primary" xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#main" x="0" y="0"></use>

  <path class="logo-secondary" d="M435.2 337.5c-1.8-14.2-13.8-24-29.2-23.8-23 .3-42.3 12.2-55.1 20.1-5 3.1-9.3 5.4-13 7.1.8-11.6.1-26.8-5.9-43.5-7.3-20-17.1-32.3-24.1-39.4 8.1-11.8 19.2-29 24.4-55.6 4.5-22.7 3.1-58-7.2-77.8-2.1-4-5.6-6.9-10-8.1-1.8-.5-5.2-1.5-11.9.4C293.1 96 289.6 93.8 286.9 92c-5.6-3.6-12.2-4.4-18.4-2.1-8.3 3-15.4 11-22.1 25.2-1 2.1-1.9 4.1-2.7 6.1-12.7.9-32.7 5.5-49.6 23.8-2.1 2.3-6.2 4-10.5 5.6h.1c-8.8 3.1-12.8 10.3-17.7 23.3-6.8 18.2.2 36.1 7.1 47.7-9.4 8.4-21.9 21.8-28.5 37.5-8.2 19.4-9.1 38.4-8.8 48.7-7 7.4-17.8 21.3-19 36.9-1.6 21.8 6.3 36.6 9.8 42 1 1.6 2.1 2.9 3.3 4.2-.4 2.7-.5 5.6.1 8.6 1.3 7 5.7 12.7 12.4 16.3 13.2 7 31.6 10 45.8 2.9 5.1 5.4 14.4 10.6 31.3 10.6h1c4.3 0 58.9-2.9 74.8-6.8 7.1-1.7 12-4.7 15.2-7.4 10.2-3.2 38.4-12.8 65-30 18.8-12.2 25.3-14.8 39.3-18.2 13.6-3.3 22.1-15.7 20.4-29.4zm-23.8 14.7c-16 3.8-24.1 7.3-43.9 20.2-30.9 20-64.7 29.3-64.7 29.3s-2.8 4.2-10.9 6.1c-14 3.4-66.7 6.3-71.5 6.4-12.9.1-20.8-3.3-23-8.6-6.7-16 9.6-23 9.6-23s-3.6-2.2-5.7-4.2c-1.9-1.9-3.9-5.7-4.5-4.3-2.5 6.1-3.8 21-10.5 27.7-9.2 9.3-26.6 6.2-36.9.8-11.3-6 .8-20.1.8-20.1s-6.1 3.6-11-3.8c-4.4-6.8-8.5-18.4-7.4-32.7 1.2-16.3 19.4-32.1 19.4-32.1s-3.2-24.1 7.3-48.8c9.5-22.5 35.1-40.6 35.1-40.6s-21.5-23.8-13.5-45.2c5.2-14 7.3-13.9 9-14.5 6-2.3 11.8-4.8 16.1-9.5 21.5-23.2 48.9-18.8 48.9-18.8s13-39.5 25-31.8c3.7 2.4 17 32 17 32s14.2-8.3 15.8-5.2c8.6 16.7 9.6 48.6 5.8 68-6.4 32-22.4 49.2-28.8 60-1.5 2.5 17.2 10.4 29 43.1 10.9 29.9 1.2 55 2.9 57.8.3.5.4.7.4.7s12.5 1 37.6-14.5c13.4-8.3 29.3-17.6 47.4-17.8 17.5-.3 18.4 20.2 5.2 23.4z"></path>

  <linearGradient id="rainbow" x1="0%" y1="0%" x2="100%" y2="0">
    <stop offset="0%" stop-color="#00ff00"></stop>
    <stop offset="7.1428571429%" stop-color="#86fa00"></stop>
    <stop offset="14.285714286%" stop-color="#ffdb00"></stop>
    <stop offset="21.428571429%" stop-color="#ff8d00"></stop>
    <stop offset="28.571428572%" stop-color="#ff0001"></stop>
    <stop offset="35.714285715%" stop-color="#ff0068"></stop>
    <stop offset="42.857142857%" stop-color="#ff00ce"></stop>
    <stop offset="50%" stop-color="#ff00ff"></stop>
    <stop offset="57.142857143%" stop-color="#ff2eff"></stop>
    <stop offset="64.285714286%" stop-color="#b437ff"></stop>
    <stop offset="71.428571429%" stop-color="#616aff"></stop>
    <stop offset="78.571428572%" stop-color="#00c0ff"></stop>
    <stop offset="85.714285715%" stop-color="#00d8ff"></stop>
    <stop offset="92.857142858%" stop-color="#00ffff"></stop>
    <stop offset="100%" stop-color="#00ff00"></stop>
  </linearGradient>

  <pattern id="rave" x="0" y="0" width="100%" height="100%" patternUnits="userSpaceOnUse">
    <rect x="-1220.06%" y="0" width="2000%" height="100%" fill="url(#rainbow)">
      <animate attributeType="XML" attributeName="x" from="-1900%" to="100%" dur="5s" repeatCount="indefinite"></animate>
    </rect>
    <rect x="-2494.03%" y="0" width="2000%" height="100%" fill="url(#rainbow)">
      <animate attributeType="XML" attributeName="x" from="-2800%" to="-1900%" dur="5s" repeatCount="indefinite"></animate>
    </rect>
  </pattern>
</svg>

      <span class="sr-only">Yarn</span>
    </a>

    <div class="clearfix hidden-lg-up">
      <button class="navbar-toggler hidden-lg-up float-right" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation"></button>
    </div>

    <div class="collapse navbar-toggleable-md" id="navbar">
      <ul class="nav navbar-nav">
        <li class="nav-item">
          <a class="nav-link" href="/en/docs/getting-started">Getting Started</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/en/docs">Docs</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/en/packages">Packages</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/blog">Blog</a>
        </li>
      </ul>

      <ul class="nav navbar-nav float-lg-right">

        <li class="nav-item dropdown">
          <a id="dropdownNavLanguage" class="nav-link dropdown-toggle" role="button" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <svg class="language navbar-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
  <path d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 0 1 1.229-.799l.082 4.277a2.773 2.773 0 0 1-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 0 0-.196-.145h-1.95a.194.194 0 0 0-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path>
</svg>
 English
            </a>
            <div class="dropdown-menu" aria-labelledby="dropdownNavLanguage" id="dropdownNavLanguageMenu">

              <a href="https://yarnpkg.com/en/package/vue-instantsearch" class="dropdown-item active" data-lang="en">
                English
                </a>

              <a href="https://yarnpkg.com/fr/package/vue-instantsearch" class="dropdown-item" data-lang="fr">
                Français
                </a>

              <a href="https://yarnpkg.com/pt-BR/package/vue-instantsearch" class="dropdown-item" data-lang="pt-br">
                Português (Brasil)
                </a>

              <a href="https://yarnpkg.com/zh-Hans/package/vue-instantsearch" class="dropdown-item" data-lang="zh-cn">
                中文
                </a>

            </div>
        </li>


        <li class="nav-item">
          <a class="nav-link" href="https://discord.gg/yarnpkg">
            <svg class="discord navbar-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 175 200" role="img" aria-labelledby="discord-svg">
  <title id="discord-svg">Discord</title>
  <path d="M69.4 83.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zm36.5 0c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"></path><path d="M154.5 0h-134C9.2 0 0 9.2 0 20.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V20.6C175 9.2 165.8 0 154.5 0zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"></path>
</svg>

            <span class="sr-only">Discord</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://twitter.com/yarnpkg">
            <svg class="twitter navbar-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 203.1" role="img" aria-labelledby="twitter-svg">
  <title id="twitter-svg">Twitter</title>
  <path d="M78.6 203.1c94.3 0 145.9-78.2 145.9-145.9 0-2.2 0-4.4-.1-6.6 10-7.3 18.7-16.3 25.6-26.5-9.4 4.1-19.3 6.9-29.5 8.1 10.7-6.4 18.7-16.5 22.5-28.4-10.1 6-21.1 10.2-32.6 12.4C191-4.5 158.5-5.5 137.8 14c-13.3 12.5-19 31.2-14.8 49C81.9 60.9 43.4 41.4 17.4 9.4 3.8 32.8 10.7 62.8 33.3 77.8c-8.2-.2-16.1-2.4-23.3-6.4v.6c0 24.4 17.2 45.4 41.2 50.3-7.6 2.1-15.5 2.4-23.2.9 6.7 20.9 26 35.2 47.9 35.6-18.2 14.3-40.6 22-63.7 22-4.1 0-8.2-.3-12.2-.7 23.5 15.1 50.7 23 78.6 23"></path>
</svg>

            <span class="sr-only">Twitter</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://www.facebook.com/yarnpkg">
            <svg class="facebook navbar-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 266.9 266.9" role="img" aria-labelledby="facebook-svg">
  <title id="facebook-svg">Facebook</title>
  <path d="M252.2 0H14.7C6.6 0 0 6.6 0 14.7v237.4c0 8.1 6.6 14.7 14.7 14.7h127.8V163.5h-34.8v-40.3h34.8V93.6c0-34.5 21.1-53.2 51.8-53.2 14.7 0 27.4 1.1 31.1 1.6v36h-21.3c-16.7 0-20 7.9-20 19.6v25.7H224l-5.2 40.3h-34.7V267h68c8.1 0 14.7-6.6 14.7-14.7V14.7c.1-8.1-6.5-14.7-14.6-14.7z"></path>
</svg>

            <span class="sr-only">Facebook</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://github.com/yarnpkg">
            <svg class="github navbar-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.6 31.8" role="img" aria-labelledby="github-svg">
  <title id="github-svg">Github</title>
  <path d="M16.3 0C7.3 0 0 7.3 0 16.3c0 7.2 4.7 13.3 11.1 15.5.8.1 1.1-.4 1.1-.8v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.1-1.1.6-1.8 1-2.2-3.6-.4-7.4-1.8-7.4-8.1 0-1.8.6-3.2 1.7-4.4-.1-.3-.7-2 .2-4.2 0 0 1.4-.4 4.5 1.7 1.3-.4 2.7-.5 4.1-.5 1.4 0 2.8.2 4.1.5 3.1-2.1 4.5-1.7 4.5-1.7.9 2.2.3 3.9.2 4.3 1 1.1 1.7 2.6 1.7 4.4 0 6.3-3.8 7.6-7.4 8 .6.5 1.1 1.5 1.1 3V31c0 .4.3.9 1.1.8 6.5-2.2 11.1-8.3 11.1-15.5C32.6 7.3 25.3 0 16.3 0z"></path>
</svg>

            <span class="sr-only">GitHub</span>
          </a>
        </li>
      </ul>
    </div>
  </div>
</nav>

    <div id="search"><div data-reactroot="" class="ais-InstantSearch__root"><!-- react-empty: 2 --><div class=""><form novalidate="" class="ais-SearchBox__root" action="" role="search"><svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol xmlns="http://www.w3.org/2000/svg" id="sbx-icon-search-13" viewBox="0 0 40 40"><path d="M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z" fill-rule="evenodd"></path></symbol><symbol xmlns="http://www.w3.org/2000/svg" id="sbx-icon-clear-3" viewBox="0 0 20 20"><path d="M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z" fill-rule="evenodd"></path></symbol></svg><div role="search" class="ais-SearchBox__wrapper"><input type="search" placeholder="Search packages (i.e. babel, webpack, react…)" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" required="" value="" class="ais-SearchBox__input"><button type="submit" title="Submit your search query." class="ais-SearchBox__submit"><svg role="img" width="1em" height="1em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-search-13"></use></svg></button><button type="reset" title="Clear the search query." class="ais-SearchBox__reset"><svg role="img" width="1em" height="1em"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#sbx-icon-clear-3"></use></svg></button></div></form></div><span></span></div></div>
    <main>


<div class="hero small">
  <div class="container">
    <h1 class="hero-text display-4">Package detail</h1>
  </div>
</div>

<div class="container">

<div id="pkg-detail"><div data-reactroot="" class="details row"><section class="details-main col-lg-8"><header class="details-main--header"><h2 class="details-main--title d-inline-block m-2">vue-instantsearch</h2><div class="details-main--info d-inline-block m-2"><a class="ais-Hit--ownerLink" href="https://github.com/algolia"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://github.com/algolia.png"><!-- react-text: 8 -->algolia<!-- /react-text --></a><span class="ais-Hit--popular null" title="59 downloads in the last 30 days">59</span><span class="ais-Hit--license">MIT</span><!-- react-empty: 11 --><span class="ais-Hit--version">0.2.1</span></div><div><p class="m-2 lead">👀 Lightning-fast Algolia search for Vue apps</p></div><span class="ais-Hit--keywords hidden-sm-down"><a href="/en/packages?q=vue">vue</a><!-- react-text: 92 -->, <!-- /react-text --><a href="/en/packages?q=algolia">algolia</a><!-- react-text: 94 -->, <!-- /react-text --><a href="/en/packages?q=search">search</a><!-- react-text: 96 -->, <!-- /react-text --><a href="/en/packages?q=instantsearch">instantsearch</a></span></header><section id="readme" class="details-doc"><h3 class="details-doc--title details-doc--title__readme py-1"><a href="#readme">readme</a></h3><div class="details-doc--content readMore readMore--collapsed"><div class="readMore--content" style="max-height: 250px;"><article><p><a href="https://community.algolia.com/vue-instantsearch" title="null"><img src="https://raw.githubusercontent.com/algolia/vue-instantsearch/1125de1476587bbaba52a69d8e2c4ad0c66f517f/fixme.png" title="null" alt="Vue InstantSearch logo"></a></p>
<p><strong>WARNING: Vue InstantSearch is currently in BETA</strong></p>
<p>InstantSearch projects: <strong>Vue InstantSearch</strong>
| <a href="https://github.com/algolia/instantsearch.js" title="null">InstantSearch.js</a>
| <a href="https://github.com/algolia/react-instantsearch" title="null">React InstantSearch</a>
| <a href="https://github.com/algolia/instantsearch-android" title="null">InstantSearch Android</a>.</p>
<h2>Vue InstantSearch</h2>
<blockquote>
<p>⚡ Lightning-fast search for Vue.js apps</p>
</blockquote>
<p>Built by <a href="https://www.algolia.com/" title="null">Algolia</a>.</p>
<p>This repository holds the code for the Vue InstantSearch project.</p>
<h2>Documentation</h2>
<p>There's a dedicated documentation available at <a href="https://community.algolia.com/vue-instantsearch" title="null">community.algolia.com/vue-instantsearch</a>.</p>
<h2>Installation</h2>
<p>Vue InstantSearch is available in the npm registry. Install it:</p>
<pre><code># with npm
npm install --save vue-instantsearch

# with yarn
yarn add vue-instantsearch
</code></pre>
<h2>Contributing, dev, release</h2>
<p>We welcome all contributors, from casual to regular. You are only
one command away to start the developer environment,
<a href="https://github.com/algolia/vue-instantsearch/1125de1476587bbaba52a69d8e2c4ad0c66f517f/CONTRIBUTING.md" title="null">read our CONTRIBUTING guide</a>.</p>
</article></div><button class="readMore--button"><!-- react-text: 102 -->Display full readme<!-- /react-text --><img src="/assets/detail/ico-readmore.svg" alt="" class="readMore--icon"></button></div></section><section id="changelog" class="details-doc"><h3 class="details-doc--title details-doc--title__changelog py-1"><a href="#changelog">changelog</a></h3><div class="details-doc--content readMore readMore--collapsed"><div class="readMore--content" style="max-height: 250px;"><article><p><a></a></p>
<h2><a href="https://github.com/algolia/vue-instantsearch/compare/v0.2.0...v0.2.1" title="null">0.2.1</a> (2017-05-29)</h2>
<p><a></a></p>
<h1>0.2.0 (2017-05-29)</h1>
<h3>Bug Fixes</h3>
<ul>
<li><strong>bem:</strong> make sure blockClassName is provided by component (<a href="https://github.com/algolia/vue-instantsearch/commit/826bbc9" title="null">826bbc9</a>)</li>
<li><strong>build:</strong> build cjs and es builds before UMD to satisfy inheritance chain (<a href="https://github.com/algolia/vue-instantsearch/commit/78545f9" title="null">78545f9</a>)</li>
<li><strong>build:</strong> fix build scripts (<a href="https://github.com/algolia/vue-instantsearch/commit/42beeb2" title="null">42beeb2</a>)</li>
<li><strong>clear:</strong> use clearsQuery instead of clearQuery (#91) (<a href="https://github.com/algolia/vue-instantsearch/commit/74e8dcb" title="null">74e8dcb</a>)</li>
<li><strong>clear-search:</strong> remove "label" prop and inline it (<a href="https://github.com/algolia/vue-instantsearch/commit/c1e74db" title="null">c1e74db</a>)</li>
<li><strong>empty-results:</strong> prefix container class name (<a href="https://github.com/algolia/vue-instantsearch/commit/6bd49ea" title="null">6bd49ea</a>)</li>
<li><strong>examples:</strong> rename attribute to attribute-name (<a href="https://github.com/algolia/vue-instantsearch/commit/6dc4740" title="null">6dc4740</a>)</li>
<li><strong>highlight:</strong> gracefully display empty string if attr is not available (<a href="https://github.com/algolia/vue-instantsearch/commit/3976dca" title="null">3976dca</a>)</li>
<li><strong>highlight:</strong> support replacing multiple highlighting tags (<a href="https://github.com/algolia/vue-instantsearch/commit/84478c2" title="null">84478c2</a>)</li>
<li><strong>input:</strong> better mobile experience (<a href="https://github.com/algolia/vue-instantsearch/commit/c58980b" title="null">c58980b</a>)</li>
<li><strong>input:</strong> revert back to input as root element (<a href="https://github.com/algolia/vue-instantsearch/commit/b293ac7" title="null">b293ac7</a>)</li>
<li><strong>navigation-tree:</strong> fix invalid scss rule (<a href="https://github.com/algolia/vue-instantsearch/commit/33f07ee" title="null">33f07ee</a>)</li>
<li><strong>navigation-tree:</strong> make style rules less specific (<a href="https://github.com/algolia/vue-instantsearch/commit/1570fac" title="null">1570fac</a>)</li>
<li><strong>navigation-tree:</strong> remove non generic style rule (<a href="https://github.com/algolia/vue-instantsearch/commit/a166d9e" title="null">a166d9e</a>)</li>
<li><strong>navigation-tree:</strong> use more concise style rule (<a href="https://github.com/algolia/vue-instantsearch/commit/5699228" title="null">5699228</a>)</li>
<li><strong>pagination:</strong> avoids underlining disabled button (<a href="https://github.com/algolia/vue-instantsearch/commit/312b06c" title="null">312b06c</a>)</li>
<li><strong>powered-by:</strong> set a default width for the SVG logo (<a href="https://github.com/algolia/vue-instantsearch/commit/5304df5" title="null">5304df5</a>)</li>
<li><strong>powered-by:</strong> use shorter version of SVG logo (<a href="https://github.com/algolia/vue-instantsearch/commit/5d4f760" title="null">5d4f760</a>)</li>
<li><strong>price-range-facet:</strong> add missing props and respect class naming conventions (<a href="https://github.com/algolia/vue-instantsearch/commit/99741db" title="null">99741db</a>)</li>
<li><strong>ranged-pagination:</strong> make pagination start at 1 (<a href="https://github.com/algolia/vue-instantsearch/commit/7c4864f" title="null">7c4864f</a>)</li>
<li><strong>ranged-pagination:</strong> make style rules less specific (<a href="https://github.com/algolia/vue-instantsearch/commit/7e284fc" title="null">7e284fc</a>)</li>
<li><strong>ranged-pagination:</strong> removed non generic style rule from component (<a href="https://github.com/algolia/vue-instantsearch/commit/cba0e5d" title="null">cba0e5d</a>)</li>
<li><strong>rating:</strong> HTML UTF-8 characters (<a href="https://github.com/algolia/vue-instantsearch/commit/b8012e9" title="null">b8012e9</a>)</li>
<li><strong>rating:</strong> renamed StarsFacet to RatingFacet (<a href="https://github.com/algolia/vue-instantsearch/commit/13b6ea7" title="null">13b6ea7</a>)</li>
<li><strong>rating-facet:</strong> make style rule less specific (<a href="https://github.com/algolia/vue-instantsearch/commit/60cbeb0" title="null">60cbeb0</a>)</li>
<li><strong>scss:</strong> make price range component css less specific (<a href="https://github.com/algolia/vue-instantsearch/commit/e5ea957" title="null">e5ea957</a>)</li>
<li><strong>search-facet:</strong> make style rules less specific (<a href="https://github.com/algolia/vue-instantsearch/commit/a1f8e14" title="null">a1f8e14</a>)</li>
<li><strong>search-facet:</strong> remove non generic style rule (<a href="https://github.com/algolia/vue-instantsearch/commit/3cace70" title="null">3cace70</a>)</li>
<li><strong>search-results:</strong> make page start at 1 (<a href="https://github.com/algolia/vue-instantsearch/commit/b284957" title="null">b284957</a>)</li>
<li><strong>search-store:</strong> make page start at 1 (<a href="https://github.com/algolia/vue-instantsearch/commit/917706b" title="null">917706b</a>)</li>
<li><strong>snippet:</strong> gracefully handle missing snippet attribute (<a href="https://github.com/algolia/vue-instantsearch/commit/d888f97" title="null">d888f97</a>)</li>
<li><strong>snippet:</strong> support replacing multiple highlighting tags (<a href="https://github.com/algolia/vue-instantsearch/commit/15280ee" title="null">15280ee</a>)</li>
<li><strong>store:</strong> better handle facet addition and removal (<a href="https://github.com/algolia/vue-instantsearch/commit/bda4dc1" title="null">bda4dc1</a>)</li>
<li><strong>store:</strong> make page search parameter start at 1 (<a href="https://github.com/algolia/vue-instantsearch/commit/062f09c" title="null">062f09c</a>)</li>
<li><strong>store:</strong> remove SearchParameters explicit import (<a href="https://github.com/algolia/vue-instantsearch/commit/4c665fe" title="null">4c665fe</a>)</li>
<li><strong>travis:</strong> switch to npm client (<a href="https://github.com/algolia/vue-instantsearch/commit/5065718" title="null">5065718</a>)</li>
<li><strong>tree-menu:</strong> correct mis-usage of bem syntax (<a href="https://github.com/algolia/vue-instantsearch/commit/d511d03" title="null">d511d03</a>)</li>
</ul>
<h3>Features</h3>
<ul>
<li><strong>bem:</strong> support block modifier class names (<a href="https://github.com/algolia/vue-instantsearch/commit/7bde05c" title="null">7bde05c</a>)</li>
<li><strong>component-scss:</strong> add the styles to the components (<a href="https://github.com/algolia/vue-instantsearch/commit/372d635" title="null">372d635</a>)</li>
<li><strong>components:</strong> add powered by support (<a href="https://github.com/algolia/vue-instantsearch/commit/1f750b8" title="null">1f750b8</a>)</li>
<li><strong>e-commerce:</strong> add powered by (<a href="https://github.com/algolia/vue-instantsearch/commit/4666392" title="null">4666392</a>)</li>
<li><strong>empty-results:</strong> expose the "query" inside of the slot (<a href="https://github.com/algolia/vue-instantsearch/commit/4206d89" title="null">4206d89</a>)</li>
<li><strong>example-simple:</strong> bootstrap a simple example using UMD build (<a href="https://github.com/algolia/vue-instantsearch/commit/bb68c7c" title="null">bb68c7c</a>)</li>
<li><strong>examples:</strong> add multi-index example (<a href="https://github.com/algolia/vue-instantsearch/commit/cf9746d" title="null">cf9746d</a>)</li>
<li><strong>highlight:</strong> add a functional Highlight component (<a href="https://github.com/algolia/vue-instantsearch/commit/f411394" title="null">f411394</a>)</li>
<li><strong>highlight:</strong> add an option to disable escaping the html (<a href="https://github.com/algolia/vue-instantsearch/commit/988b572" title="null">988b572</a>)</li>
<li><strong>highlight:</strong> add Highlight component to the InstantSearch plugin (<a href="https://github.com/algolia/vue-instantsearch/commit/993fa51" title="null">993fa51</a>)</li>
<li><strong>highlight:</strong> make examples use the new Highlight component (<a href="https://github.com/algolia/vue-instantsearch/commit/fa377c6" title="null">fa377c6</a>)</li>
<li><strong>inline-scss:</strong> add the basic css to the components (<a href="https://github.com/algolia/vue-instantsearch/commit/1642a56" title="null">1642a56</a>)</li>
<li><strong>multi-index:</strong> add powered by (<a href="https://github.com/algolia/vue-instantsearch/commit/38bebb9" title="null">38bebb9</a>)</li>
<li><strong>navigation-tree:</strong> introduce a slot to allow overriding of labels (<a href="https://github.com/algolia/vue-instantsearch/commit/1e278a0" title="null">1e278a0</a>)</li>
<li><strong>pagination:</strong> use bem method to generate customizable classes (<a href="https://github.com/algolia/vue-instantsearch/commit/7e1c52d" title="null">7e1c52d</a>)</li>
<li><strong>playground:</strong> add example of search facet label ovverriding (<a href="https://github.com/algolia/vue-instantsearch/commit/7706f32" title="null">7706f32</a>)</li>
<li><strong>playground:</strong> add example on how to override empty results (<a href="https://github.com/algolia/vue-instantsearch/commit/302d1ad" title="null">302d1ad</a>)</li>
<li><strong>playground:</strong> add slot overriding example for ranged pagination (<a href="https://github.com/algolia/vue-instantsearch/commit/dd084a8" title="null">dd084a8</a>)</li>
<li><strong>playground:</strong> example of navigation tree custom label (<a href="https://github.com/algolia/vue-instantsearch/commit/512d4b4" title="null">512d4b4</a>)</li>
<li><strong>playground:</strong> showcase stars in rating component (<a href="https://github.com/algolia/vue-instantsearch/commit/b46ae70" title="null">b46ae70</a>)</li>
<li><strong>powered-by:</strong> add hostname to generated URL (<a href="https://github.com/algolia/vue-instantsearch/commit/01bc789" title="null">01bc789</a>)</li>
<li><strong>powered-by:</strong> create powered by component (<a href="https://github.com/algolia/vue-instantsearch/commit/5fc1915" title="null">5fc1915</a>)</li>
<li><strong>ranged-pagination:</strong> better slots for ranged pagination (<a href="https://github.com/algolia/vue-instantsearch/commit/85ac789" title="null">85ac789</a>)</li>
<li><strong>rating:</strong> add example of label overriding to playground (<a href="https://github.com/algolia/vue-instantsearch/commit/0919170" title="null">0919170</a>)</li>
<li><strong>rating:</strong> allow for easy override of rating labels (<a href="https://github.com/algolia/vue-instantsearch/commit/e51bb77" title="null">e51bb77</a>)</li>
<li><strong>search-box:</strong> improve accessibility (<a href="https://github.com/algolia/vue-instantsearch/commit/20b2725" title="null">20b2725</a>)</li>
<li><strong>search-facet:</strong> add a slot to override label (<a href="https://github.com/algolia/vue-instantsearch/commit/f78b8a0" title="null">f78b8a0</a>)</li>
<li><strong>search-form:</strong> introduce SearchForm component (<a href="https://github.com/algolia/vue-instantsearch/commit/beb34e1" title="null">beb34e1</a>)</li>
<li><strong>search-results:</strong> add header and footer slot and hide when no results (<a href="https://github.com/algolia/vue-instantsearch/commit/e5cb24a" title="null">e5cb24a</a>)</li>
<li><strong>search-store:</strong> make query reactive in search store component (<a href="https://github.com/algolia/vue-instantsearch/commit/e666ff3" title="null">e666ff3</a>)</li>
<li><strong>search-store:</strong> override highlight tags and expose them (<a href="https://github.com/algolia/vue-instantsearch/commit/687ff2a" title="null">687ff2a</a>)</li>
<li><strong>snippet:</strong> add a Snippet component (<a href="https://github.com/algolia/vue-instantsearch/commit/f62c78c" title="null">f62c78c</a>)</li>
<li><strong>snippet:</strong> add an option to disable the html escaping (<a href="https://github.com/algolia/vue-instantsearch/commit/70abc28" title="null">70abc28</a>)</li>
<li><strong>snippet:</strong> add the Snippet component to the InstantSearch plugin (<a href="https://github.com/algolia/vue-instantsearch/commit/26483b6" title="null">26483b6</a>)</li>
<li><strong>sort-by-selector:</strong> add scoped properties to default slot (<a href="https://github.com/algolia/vue-instantsearch/commit/6d56622" title="null">6d56622</a>)</li>
<li><strong>stats:</strong> add scoped properties to default slot (<a href="https://github.com/algolia/vue-instantsearch/commit/abdf64b" title="null">abdf64b</a>)</li>
<li><strong>store:</strong> add query parameters setter &amp; getter (<a href="https://github.com/algolia/vue-instantsearch/commit/c6e09a5" title="null">c6e09a5</a>)</li>
<li><strong>store:</strong> add serializing capabilities (<a href="https://github.com/algolia/vue-instantsearch/commit/90f5347" title="null">90f5347</a>)</li>
<li><strong>store:</strong> add user agent to client (<a href="https://github.com/algolia/vue-instantsearch/commit/5b1e469" title="null">5b1e469</a>)</li>
<li><strong>store:</strong> allow to set and get all search parameters at once (<a href="https://github.com/algolia/vue-instantsearch/commit/32cc1a1" title="null">32cc1a1</a>)</li>
<li><strong>store:</strong> allow to wait for the store to be in sync (<a href="https://github.com/algolia/vue-instantsearch/commit/279f2bb" title="null">279f2bb</a>)</li>
<li><strong>store:</strong> throw an error if not constructed with a helper (<a href="https://github.com/algolia/vue-instantsearch/commit/cbec746" title="null">cbec746</a>)</li>
<li><strong>store:</strong> unset query parameter when value is null or undefined (<a href="https://github.com/algolia/vue-instantsearch/commit/801914e" title="null">801914e</a>)</li>
<li><strong>store-component:</strong> add query parameters as a property (<a href="https://github.com/algolia/vue-instantsearch/commit/c54bd8c" title="null">c54bd8c</a>)</li>
<li><strong>tree-menu:</strong> add class to list element (<a href="https://github.com/algolia/vue-instantsearch/commit/578c9ab" title="null">578c9ab</a>)</li>
<li><strong>tree-menu:</strong> allow infinite number of nested levels (<a href="https://github.com/algolia/vue-instantsearch/commit/b7217e9" title="null">b7217e9</a>)</li>
<li><strong>url-sync-example:</strong> add URL sync example with Vue Router (<a href="https://github.com/algolia/vue-instantsearch/commit/ec70e91" title="null">ec70e91</a>)</li>
</ul>
<h3>Performance Improvements</h3>
<ul>
<li><strong>store:</strong> use Algolia light client (<a href="https://github.com/algolia/vue-instantsearch/commit/4a58b57" title="null">4a58b57</a>)</li>
</ul>
</article></div><button class="readMore--button"><!-- react-text: 244 -->Display full changelog<!-- /react-text --><img src="/assets/detail/ico-readmore.svg" alt="" class="readMore--icon"></button></div></section></section><aside class="details-side col-lg-4"><article class="details-side--links"><div class="detail-links"><div target="_blank" rel="noopener noreferrer" class="details-links--link details-links--link__yarn"><img src="/assets/search/ico-yarn.svg" alt=""><div class="copyable"><div class="copyable--content"><span><a href="https://yarn.fyi/vue-instantsearch"><span class="text-hide">https://</span><!-- react-text: 29 -->yarn.fyi/<!-- /react-text --><!-- react-text: 30 -->vue-instantsearch<!-- /react-text --></a></span></div><button class="copyable--button user-select-none"><img src="/assets/detail/ico-copy-default.svg" alt="" class="copyable--button__img"><!-- react-text: 33 -->copy<!-- /react-text --></button></div></div><a target="_blank" rel="noopener noreferrer" href="https://github.com/algolia/vue-instantsearch" class="details-links--link details-links--link__github"><img src="/assets/search/ico-github.svg" alt=""><!-- react-text: 36 -->algolia/vue-instantsearch<!-- /react-text --></a><a target="_blank" rel="noopener noreferrer" href="https://www.npmjs.com/package/vue-instantsearch" class="details-links--link details-links--link__npm"><img src="/assets/search/ico-npm.svg" alt=""><!-- react-text: 39 -->vue-instantsearch<!-- /react-text --></a></div></article><article class="details-side--copy"><h1>Use it</h1><div class="copyable"><code class="copyable--content"><!-- react-text: 44 -->$ <!-- /react-text --><span><!-- react-text: 46 -->yarn add <!-- /react-text --><!-- react-text: 47 -->vue-instantsearch<!-- /react-text --></span></code><button class="copyable--button user-select-none"><img src="/assets/detail/ico-copy-default.svg" alt="" class="copyable--button__img"><!-- react-text: 50 -->copy<!-- /react-text --></button></div><div><a class="details-side--runkit" href="https://runkit.com/npm/vue-instantsearch" target="_blank" rel="noopener noreferrer">Try in RunKit</a><!-- react-text: 53 --> · <!-- /react-text --><a href="#">Browse Files</a></div></article><article class="details-side--popularity"><h1>Popularity</h1><dl><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-stargazers.svg" alt=""><dt>GitHub stargazers</dt><span class="dotted flex-grow"></span><dd>31</dd></div><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-downloads.svg" alt=""><dt>Downloads last 30 days</dt><span class="dotted flex-grow"></span><dd><span title="59">59</span></dd></div></dl></article><article class="details-side--activity"><h1>Activity</h1><a href="https://github.com/algolia/vue-instantsearch/graphs/commit-activity" target="_blank" rel="noopener noreferrer"><svg viewBox="0 0 100 15" preserveAspectRatio="none"><g><polyline points="2 11.926829268292684 10 13 18 13 26 13 34 7.902439024390244 42 2 50 4.682926829268293 58 10.048780487804878 66 10.317073170731708 74 13 82 13 90 11.390243902439025 98 13 98 13 2 13 2 11.926829268292684" style="stroke: none; stroke-width: 0; fill-opacity: 0.1; fill: rgb(44, 142, 187);"></polyline><polyline points="2 11.926829268292684 10 13 18 13 26 13 34 7.902439024390244 42 2 50 4.682926829268293 58 10.048780487804878 66 10.317073170731708 74 13 82 13 90 11.390243902439025 98 13" style="stroke: rgb(44, 142, 187); stroke-width: 1; stroke-linejoin: round; stroke-linecap: round; fill: none;"></polyline></g></svg></a><dl><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-commits.svg" alt=""><dt>Commits last 3 months</dt><span class="dotted flex-grow"></span><dd>122</dd></div><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-commits-last.svg" alt=""><dt>Last commit</dt><span class="dotted flex-grow"></span><dd>one week ago</dd></div></dl></article><article class="details-side--usage"><h1>Usage</h1><dl><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-dependencies.svg" alt=""><dt><details><summary>Dependencies</summary><a href="/en/package/algoliasearch" title="algoliasearch@^3.18.1">algoliasearch</a><!-- react-text: 131 -->, <!-- /react-text --><a href="/en/package/algoliasearch-helper" title="algoliasearch-helper@^2.14.0">algoliasearch-helper</a><!-- react-text: 133 -->, <!-- /react-text --><a href="/en/package/escape-html" title="escape-html@^1.0.3">escape-html</a></details></dt><span class="dotted flex-grow"></span><dd>3</dd></div><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-devdependencies.svg" alt=""><dt><details><summary>DevDependencies</summary><a href="/en/package/babel-jest" title="babel-jest@^19.0.0">babel-jest</a><!-- react-text: 138 -->, <!-- /react-text --><a href="/en/package/babel-preset-es2015" title="babel-preset-es2015@^6.24.0">babel-preset-es2015</a><!-- react-text: 140 -->, <!-- /react-text --><a href="/en/package/concurrently" title="concurrently@^3.4.0">concurrently</a><!-- react-text: 142 -->, <!-- /react-text --><a href="/en/package/conventional-changelog-cli" title="conventional-changelog-cli@^1.3.1">conventional-changelog-cli</a><!-- react-text: 144 -->, <!-- /react-text --><a href="/en/package/eslint" title="eslint@^3.19.0">eslint</a><!-- react-text: 146 -->, <!-- /react-text --><a href="/en/package/eslint-plugin-html" title="eslint-plugin-html@^2.0.1">eslint-plugin-html</a><!-- react-text: 148 -->, <!-- /react-text --><a href="/en/package/eslint-plugin-prettier" title="eslint-plugin-prettier@^2.0.1">eslint-plugin-prettier</a><!-- react-text: 150 -->, <!-- /react-text --><a href="/en/package/jest" title="jest@^20.0.3">jest</a><!-- react-text: 152 -->, <!-- /react-text --><a href="/en/package/jest-serializer-html" title="jest-serializer-html@^4.0.0">jest-serializer-html</a><!-- react-text: 154 -->, <!-- /react-text --><a href="/en/package/prettier" title="prettier@^0.22.0">prettier</a><!-- react-text: 156 -->, <!-- /react-text --><a href="/en/package/rollup" title="rollup@^0.41.5">rollup</a><!-- react-text: 158 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-buble" title="rollup-plugin-buble@^0.15.0">rollup-plugin-buble</a><!-- react-text: 160 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-commonjs" title="rollup-plugin-commonjs@^7.1.0">rollup-plugin-commonjs</a><!-- react-text: 162 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-filesize" title="rollup-plugin-filesize@^1.0.1">rollup-plugin-filesize</a><!-- react-text: 164 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-json" title="rollup-plugin-json@^2.1.1">rollup-plugin-json</a><!-- react-text: 166 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-node-resolve" title="rollup-plugin-node-resolve@^2.0.0">rollup-plugin-node-resolve</a><!-- react-text: 168 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-replace" title="rollup-plugin-replace@^1.1.1">rollup-plugin-replace</a><!-- react-text: 170 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-uglify" title="rollup-plugin-uglify@^1.0.1">rollup-plugin-uglify</a><!-- react-text: 172 -->, <!-- /react-text --><a href="/en/package/rollup-plugin-vue" title="rollup-plugin-vue@^2.3.1">rollup-plugin-vue</a><!-- react-text: 174 -->, <!-- /react-text --><a href="/en/package/rollup-watch" title="rollup-watch@^3.2.2">rollup-watch</a><!-- react-text: 176 -->, <!-- /react-text --><a href="/en/package/vue" title="vue@^2.2.2">vue</a></details></dt><span class="dotted flex-grow"></span><dd>21</dd></div><div class="d-flex justify-items-between w-100"><img src="/assets/detail/ico-package-json.svg" alt=""><dt>Packages</dt><span class="dotted flex-grow"></span><dd><a target="_blank" rel="noopener noreferrer" href="https://github.com/algolia/vue-instantsearch/tree/1125de1476587bbaba52a69d8e2c4ad0c66f517f/package.json">see package.json</a></dd></div></dl></article><article class="details-side--versions"><h1>Versions</h1><dl><div class="d-flex justify-items-between w-100"><dt>May 29, 2017</dt><span class="dotted flex-grow"></span><dd>0.2.1</dd></div><div class="d-flex justify-items-between w-100"><dt>May 29, 2017</dt><span class="dotted flex-grow"></span><dd>0.2.0</dd></div><div class="d-flex justify-items-between w-100"><dt>May 12, 2017</dt><span class="dotted flex-grow"></span><dd>0.0.0</dd></div></dl><button class="readMore--button"><!-- react-text: 191 -->Display all<!-- /react-text --><img src="/assets/detail/ico-readmore.svg" alt="" class="readMore--icon"></button></article><article class="details-side--contributors"><h1>Contributors</h1><ul class="list-unstyled m-2"><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~raphi"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/0fffcb8adb9889614ddd8e73b515b59f"><!-- react-text: 196 -->raphi<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~speedblue"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/ef38ca989ef6a4a6373435c257373b84"><!-- react-text: 200 -->speedblue<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~bobylito"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/5bd4a014c260f733feecc1f3f146f7d7"><!-- react-text: 204 -->bobylito<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~rayrutjes"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/a95408a1d7a8c3480310e0da3e51b968"><!-- react-text: 208 -->rayrutjes<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~jerska"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/8103edb127eeac0b51813f96493b14ae"><!-- react-text: 212 -->jerska<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~pixelastic"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/a2f9d5672798ac7ef42b871652a58fb0"><!-- react-text: 216 -->pixelastic<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~haroenv"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/2b75707b777becc1c837c8cd935e696a"><!-- react-text: 220 -->haroenv<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~iam4x"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/831f945685661ea3a22eef47ec310f04"><!-- react-text: 224 -->iam4x<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~mthuret"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/ee5ef53823681c8cddc21553761bd80b"><!-- react-text: 228 -->mthuret<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~redox"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/ae00b72eace77983bdf57476141340dc"><!-- react-text: 232 -->redox<!-- /react-text --></a></li><li class="mb-1"><a class="ais-Hit--ownerLink" href="https://www.npmjs.com/~vvo"><img width="20" height="20" class="ais-Hit--ownerAvatar" src="https://res.cloudinary.com/hilnmyskv/image/fetch/w_40,h_40,f_auto,q_80,fl_lossy/https://gravatar.com/avatar/667176b96540d167eb74f473c9aea5f7"><!-- react-text: 236 -->vvo<!-- /react-text --></a></li></ul></article></aside><script type="application/ld+json">{"@context":"http://schema.org","@type":"SoftwareApplication","name":"vue-instantsearch","description":"👀 Lightning-fast Algolia search for Vue apps","url":"/en/package/vue-instantsearch","keywords":"vue,algolia,search,instantsearch,components,ui,facet,autocomplete","applicationCategory":"DeveloperApplication","offers":{"@type":"Offer","price":"0.00"}}</script></div></div>

</div>
</main>


<hr class="footer-divider">

<div class="container">
  <footer class="footer">
    <div class="footer-left">
      <span class="footer-item">Yarn</span>
      <span class="footer-item"><a href="https://github.com/yarnpkg/yarn/blob/master/LICENSE">Distributed under BSD License</a></span>
      <span class="footer-item"><a href="/en/org/code-of-conduct">Code of Conduct</a></span>
    </div>

    <div class="footer-right">


        <span class="footer-item"><a href="https://github.com/yarnpkg/website/edit/master/lang/en/package.html">Edit this page</a></span>

    </div>
  </footer>
</div>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-85522875-1', 'auto');
  ga('send', 'pageview');
</script>


<script>
  var i18n_default = {"search_placeholder":"Search packages (i.e. babel, webpack, react…)","search_by_algolia":"Search by Algolia","search_by_read_more":"read how it works","no_package_found":"No package {name} was found","no_results_docsearch":"Were you looking for something in the {documentation_link}?","documentation":"documentation","downloads_in_last_30_days":"{count} downloads in the last 30 days","npm_page_for":"npm page for {name}","github_repo_of":"GitHub repository of {name}","npm":"npm","github":"GitHub","homepage":"Homepage","deprecated":"deprecated","result_stats":"found {number_packages} packages in {time_search}ms","time_ago":"{time_distance} ago","last_updated":"last updated {update_date}","detail":{"over_a_year_ago":"over a year ago","less_than_a_week_ago":"less than a week ago","one_week_ago":"one week ago","weeks_ago":"{count} weeks ago","activity":"Activity","commits_last_three_months":"Commits last 3 months","last_commit":"Last commit","loading":"Loading...","use_it":"Use it","try_in_runkit":"Try in RunKit","back_to_details":"Back to Details","browse_files":"Browse Files","contributors":"Contributors","display_full_readme":"Display full readme","display_full_changelog":"Display full changelog","files_error":"Could not load file listing: {error}","files_header":"Files in {name}","collapse":"Collapse","readme":"readme","no_readme_found":"no readme found 😢","changelog":"changelog","popularity":"Popularity","github_stargazers":"GitHub stargazers","downloads_last_30_days":"Downloads last 30 days","dependents":"Dependents","usage":"Usage","dependencies":"Dependencies","devdependencies":"DevDependencies","packages":"Packages","see_package_json":"see package.json","versions":"Versions","display_all":"Display all","hide":"Hide","not_found":{"whoa":"Whoa, {package_name} does not exist yet","yours":"But that means it is now yours!","make":"Make your package"}}};
  window.i18n = {"search_placeholder":"Search packages (i.e. babel, webpack, react…)","search_by_algolia":"Search by Algolia","search_by_read_more":"read how it works","no_package_found":"No package {name} was found","no_results_docsearch":"Were you looking for something in the {documentation_link}?","documentation":"documentation","downloads_in_last_30_days":"{count} downloads in the last 30 days","npm_page_for":"npm page for {name}","github_repo_of":"GitHub repository of {name}","npm":"npm","github":"GitHub","homepage":"Homepage","deprecated":"deprecated","result_stats":"found {number_packages} packages in {time_search}ms","time_ago":"{time_distance} ago","last_updated":"last updated {update_date}","detail":{"over_a_year_ago":"over a year ago","less_than_a_week_ago":"less than a week ago","one_week_ago":"one week ago","weeks_ago":"{count} weeks ago","activity":"Activity","commits_last_three_months":"Commits last 3 months","last_commit":"Last commit","loading":"Loading...","use_it":"Use it","try_in_runkit":"Try in RunKit","back_to_details":"Back to Details","browse_files":"Browse Files","contributors":"Contributors","display_full_readme":"Display full readme","display_full_changelog":"Display full changelog","files_error":"Could not load file listing: {error}","files_header":"Files in {name}","collapse":"Collapse","readme":"readme","no_readme_found":"no readme found 😢","changelog":"changelog","popularity":"Popularity","github_stargazers":"GitHub stargazers","downloads_last_30_days":"Downloads last 30 days","dependents":"Dependents","usage":"Usage","dependencies":"Dependencies","devdependencies":"DevDependencies","packages":"Packages","see_package_json":"see package.json","versions":"Versions","display_all":"Display all","hide":"Hide","not_found":{"whoa":"Whoa, {package_name} does not exist yet","yours":"But that means it is now yours!","make":"Make your package"}}} || {};
  window.i18n.url_base = "/en";
  window.i18n.active_language = "en";

  // give defaults
  for (var key in i18n_default) {
    if (window.i18n.hasOwnProperty(key) === false || window.i18n[key] === null) {
      window.i18n[key] = i18n_default[key];
    }
  }
</script>

    <script src="/js/build/vendor.c33cf0620382f4a014e1.js"></script>
    <script src="/js/build/common.59b3bdf170c48ae7b9af.js"></script>


      <script src="/js/build/package.71f071c0e624c245be8b.js"></script>


</body></html>