Add initial mockup of target name and classification

components/report_cards/chemical_probe/Summary.vue

@@ -30,7 +30,7 @@
       <v-divider />
       <v-row class="details-row" dense>
         <v-col cols="12">
-          <b>Target(s) (synonyms):</b>
+          <b>Synonyms:</b>
           MLLT1/MLLT3 (ENL;LTG19;YEATS1 / AF- 9;YEATS3)
         </v-col>
       </v-row>
@@ -55,28 +55,6 @@
       </v-row>
       <v-divider />
 
-      <v-row class="details-row" dense>
-        <v-col cols="12">
-          <b>Protein Target Classification:</b>
-          <br />
-          <br />
-          <p>
-            <v-chip outlined color="secondary" label>
-              Unclassified protein
-            </v-chip>
-            >
-            <v-chip outlined color="secondary" label>
-              Epigenetic regulator
-            </v-chip>
-            >
-            <v-chip outlined color="secondary" label> Reader </v-chip>
-            >
-            <v-chip outlined color="secondary" label> Bromodomain </v-chip>
-          </p>
-        </v-col>
-      </v-row>
-      <v-divider />
-
       <v-row class="details-row" dense>
         <v-col cols="12">
           <b>Publications:</b>

components/report_cards/target/TargetReportCard.vue

 <template>
-  <div>Target report card!</div>
+  <EntityReportCard :report-card-structure="reportCardStructure" />
 </template>
 
 <script>
-export default {}
+import { mapState } from 'vuex'
+import EntityReportCard from '~/components/report_cards/shared/EntityReportCard.vue'
+import TargetReportCardGenerator from '~/report_cards_structure/TargetReportCardGenerator.js'
+
+export default {
+  components: {
+    EntityReportCard,
+  },
+  computed: mapState({
+    reportCardStructure: (state) => state.reportCard.reportCardStructure,
+  }),
+  mounted() {
+    const reportCardStructure = TargetReportCardGenerator.generateReportCardStructure()
+    this.$store.dispatch(
+      'reportCard/setReportCardStructure',
+      reportCardStructure
+    )
+  },
+}
 </script>
 
 <style></style>

pages/index.vue

 <template>
   <v-row justify="center" align="center">
     <v-col cols="12">
-      <v-btn color="primary" outlined to="/compound/1"> Compound Sample</v-btn>
+      <v-btn color="primary" outlined to="/compound/1"> Compound Example</v-btn>
+      <v-btn color="primary" outlined to="/target/1"> Target Example</v-btn>
       <h1>Lorem ipsum</h1>
       <p class="text-justify">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dictum