feat(search): proposal of choices

components/SearchInput.vue

@@ -12,21 +12,36 @@
           @typing="getAsyncData"
           @select="(option) => (selected = option)"
         >
-          <template slot-scope="props">
+          <!--          <template slot-scope="props">-->
-            <div class="media">
+          <!--            <div class="media">-->
-              <div class="media-left"></div>
+          <!--              <div class="media-left"></div>-->
-              <div class="media-content">
+          <!--              <div class="media-content">-->
-                {{ props.option.title }}
+          <!--                {{ props.name }}-->
-                <br />
+          <!--                <br />-->
-                <small>
+          <!--                <small>-->
-                  Released at {{ props.option.release_date }}, rated
+          <!--                  Released at {{ props.option.release_date }}, rated-->
-                  <b>{{ props.option.vote_average }}</b>
+          <!--                  <b>{{ props.option.vote_average }}</b>-->
-                </small>
+          <!--                </small>-->
-              </div>
+          <!--              </div>-->
-            </div>
+          <!--            </div>-->
-          </template>
+          <!--          </template>-->
         </b-autocomplete>
       </b-field>
+      Résultats possibles: {{ data.length }}
+      <div v-if="data.length">
+        <ul>
+          <li v-for="item in data" :key="item.properties.id">
+            <div class="columns">
+              <div class="column">
+                {{ item.properties.name }}
+              </div>
+              <div class="column">
+                {{ item.properties.context }}
+              </div>
+            </div>
+          </li>
+        </ul>
+      </div>
     </section>
     <section class="map">
       <br />
@@ -170,11 +185,11 @@ export default {
       }
       this.isFetching = true
       this.$axios
-        .get(`https://demo.addok.xyz/search/?q=${name}`)
+        .get(`https://demo.addok.xyz/search?&type=poi&q=${name}`)
         .then(({ data }) => {
           console.log('data', data)
           this.data = []
-          data.results.forEach((item) => this.data.push(item))
+          data.features.forEach((item) => this.data.push(item))
         })
         .catch((error) => {
           this.data = []