first display of search results

src/components/nav/Results.vue

@@ -1,15 +1,39 @@
 <template>
   <div id="results">
-    Results
+    <h2>Resultats</h2>
+    <h3>{{ keys }}</h3>
+    <div class="results-list">
+      <ul v-if="results.length">
+        <li v-for="result in results" :key="result.uuid">
+          <ResultItem :result="result" />
+        </li>
+      </ul>
+    </div>
+
   </div>
 </template>
+
 <script>
+
+import ResultItem from '../Content/ResultItem'
+import { mapState } from 'vuex'
+
 export default {
   name: 'Results',
+  components: {
+    ResultItem
+  },
   data: () => ({
 
-  })
+  }),
+  computed: {
+    ...mapState({
+      keys: state => state.Search.keys,
+      results: state => state.Search.results
+    })
+  }
 }
 </script>
+
 <style lang="scss" scoped>
 </style>