Results.vue 678 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <div id="results">
  3. <h2>Resultats</h2>
  4. <h3 v-if="keys">{{ keys }}</h3>
  5. <div class="results-list">
  6. <ul v-if="results.length">
  7. <li v-for="result in results" :key="result.uuid">
  8. <ResultItem :result="result" />
  9. </li>
  10. </ul>
  11. </div>
  12. </div>
  13. </template>
  14. <script>
  15. import ResultItem from '../Content/ResultItem'
  16. import { mapState } from 'vuex'
  17. export default {
  18. name: 'Results',
  19. components: {
  20. ResultItem
  21. },
  22. data: () => ({
  23. }),
  24. computed: {
  25. ...mapState({
  26. keys: state => state.Search.keys,
  27. results: state => state.Search.results
  28. })
  29. }
  30. }
  31. </script>
  32. <style lang="scss" scoped>
  33. </style>