Display documents in projects in a more useful manner

client/src/components/portfolio/ProjectEntry.vue

@@ -15,7 +15,7 @@
       {{nextSteps}}
     </p>
     <p class="project-entry__paragraph" v-if="documentUrl">
-      <a target="_blank" class="project-entry__link" :href="documentUrl">Dokument anzeigen</a>
+      <document-block :value="{url: documentUrl}"></document-block>
     </p>
     <div class="project-entry__date">
       {{created | date }}
@@ -24,7 +24,12 @@
 </template>
 
 <script>
+  import DocumentBlock from '@/components/content-blocks/DocumentBlock';
+
   export default {
+    components: {
+      DocumentBlock
+    },
     props: ['activity', 'reflection', 'nextSteps', 'documentUrl', 'created']
   }
 </script>