Как реализовать маршрутизацию, когда vue-instantsearch установлен непосредственно в html, используя скрипт

Question

Я пытаюсь реализовать vue-instantsearch. Я нашел этот образец в их документации ( https://www.algolia.com/doc/api-reference/widgets/instantsearch/vue/), но как я могу реализовать его, если я использую Vue. использовать (VueInstantSearch) вместо импорта?

Ниже приведен мой пример кода:

<div id="app">
   <ais-instant-search :search-client="searchClient" :index-name="myIndex" :routing="routing">
   </ais-instant-search>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@3.32.1/dist/algoliasearchLite.min.js" integrity="sha256-NSTRUP9bvh8kBKi7IHQSmOrMAdVEoSJFBbTA+LoRr3A=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-instantsearch@2.0.1/dist/vue-instantsearch.js" integrity="sha256-hugfQrBAG8mfgKvHCfeNrTlM8/SZ/hKStvbvcpVPpaY=" crossorigin="anonymous"></script>
<script>
   Vue.use(VueInstantSearch);

   var app = new Vue({
     el: '#app',
     data: {
        searchClient: algoliasearch(...),
        routing:{
            router: ???,
            stateMapping: ???,
        }
     }
  });
</script>