little more integration, more api review

src/components/Content/CorpusItem.vue

@@ -16,7 +16,7 @@
 
 <script>
 export default {
-  name: 'CorpusItems',
+  name: 'CorpusItem',
   props: {
     item: {
       type: Object,

src/components/Content/NominumItem.vue

@@ -0,0 +1,41 @@
+<template>
+  <article class="nominum item">
+    <header>
+      <h1>
+        <a
+          :href="item.url"
+          @click.prevent="onclick"
+          @keyup.enter="onclick"
+          v-html="item.title"
+        />
+      </h1>
+    </header>
+  </article>
+</template>
+
+<script>
+export default {
+  name: 'NominumItem',
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  data: () => ({
+
+  }),
+  methods: {
+    onclick () {
+      console.log('clicked on nominum item', this.item)
+      this.$router.push({
+        name: `nominumItem`,
+        query: { id: this.item.uuid }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/Content/OperumItem.vue

@@ -0,0 +1,41 @@
+<template>
+  <article class="operum item">
+    <header>
+      <h1>
+        <a
+          :href="item.url"
+          @click.prevent="onclick"
+          @keyup.enter="onclick"
+          v-html="item.title"
+        />
+      </h1>
+    </header>
+  </article>
+</template>
+
+<script>
+export default {
+  name: 'OperumItem',
+  props: {
+    item: {
+      type: Object,
+      required: true
+    }
+  },
+  data: () => ({
+
+  }),
+  methods: {
+    onclick () {
+      console.log('clicked on Operum item', this.item)
+      this.$router.push({
+        name: `operuumItem`,
+        query: { id: this.item.uuid }
+      })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>