add api module

src/pages/library/CardList.vue

@@ -4,11 +4,10 @@
       <div v-for="(parents, char) in orderedTextsDepart" :key="char">
         <h3>{{ char }}</h3>
         <div class="text-group">
-          <text-mini-card
+          <node-view
             v-for="parent in parents" :key="parent.id"
-            :id="parent.id"
-            :text-data="parent"
-            @open="$emit('open', $event)"
+            :node="parent"
+            mode="card"
           />
         </div>
       </div>
@@ -20,14 +19,14 @@
 // FIXME let events bubble
 import { mapGetters } from 'vuex'
 
-import TextMiniCard from '@/components/text/TextMiniCard'
+import { NodeView } from '@/components/nodes'
 
 
 export default {
   name: 'CardList',
 
   components: {
-    TextMiniCard
+    NodeView
   },
 
   computed: {
@@ -45,11 +44,6 @@ export default {
   overflow-y: auto;
   height: 100%;
 
-  &-container {
-    overflow-x: hidden;
-    padding: 0 1.5rem;
-  }
-
   h3 {
     font-family: $font-family-text;
     line-height: 1;

src/pages/library/CardMap.vue

@@ -12,9 +12,9 @@
           :x="node.x" :y="node.y"
           :transform="`rotate(${node.rotate})`"
         >
-          <text-mini-card
-            :id="texts[i].id"
-            :text-data="texts[i]"
+          <node-view
+            :node="texts[i]"
+            mode="card"
           />
         </foreignObject>
       </g>
@@ -31,14 +31,14 @@ import {
 } from 'd3-force'
 
 
-import TextMiniCard from '@/components/text/TextMiniCard'
+import { NodeView } from '@/components/nodes'
 
 
 export default {
   name: 'CardMap',
 
   components: {
-    TextMiniCard
+    NodeView
   },
 
   data () {