feat: add attachment page & route

src/router/index.js

@@ -203,6 +203,12 @@ const routes = [
     component: () => import('../views/Catalog.vue')
   },
 
+  {
+    path: '/attachment/',
+    name: 'attachment',
+    component: () => import('../views/Feature/FeatureAttachmentPreview.vue')
+  },
+
   { path: '/:pathMatch(.*)*', name: 'NotFound', component: () => import('../views/NotFound.vue') },
 ];
 

src/views/Feature/FeatureAttachmentPreview.vue

+<template>
+  <div class="attachment-preview">
+    <embed src="http://localhost:8000/media/user_1/attachements/sample-1.pdf" type="application/pdf" width="100%" height="100%">
+  </div>
+</template>
+
+<script>
+
+
+export default {
+  name: 'FeatureAttachmentPreview',
+
+  computed: {
+  },
+
+  mounted() {
+    //this.initPage();
+  },
+
+  methods: {
+  }
+};
+</script>
+
+<style lang="less">
+.attachment-preview {
+  width: 100vw;
+  padding: 0;
+  @media screen and (min-width: 726px) {
+    height: calc(100vh - 70px - 1em);
+    margin: .5em auto;
+    box-shadow: 1px 2px 10px grey;
+  }
+
+  @media screen and (max-width: 725px) {
+    height: calc(100vh - 110px);
+    margin: 0 auto;
+  }
+}
+</style>
\ No newline at end of file