<template>
  <div id="Base">
    <h1>Base</h1>
    <div class="results">
      <ul>
        <li v-for="item in items" v-bind:key="item.nid">
          <Card :item="item"/>
        </li>
      </ul>
    </div>
  </div>
</template>


<script>

import Card from 'vuejs/components/Content/Card'

import { mapState, mapActions } from 'vuex'

export default {
  name: "Base",
  data: () => ({

  }),
  computed: {
    ...mapState({
      items: state => state.Search.items
    })
  },
  components: {
    Card
  }

}

</script>

<style lang="scss" scoped>
</style>
