feat: add download action

Rule-34 · May 9, 2021 · 3677f1f · 3677f1f
1 parent 1c03360
commit 3677f1f
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/components/pages/posts/content/Post.vue b/components/pages/posts/content/Post.vue
@@ -115,8 +115,14 @@
                   </template>
                 </template>
 
-                <a :href="mediaResolutionChooser.url" class="link" download>
-                  <SearchIcon class="w-5 h-5 icon" />
+                <a
+                  :href="mediaResolutionChooser.url"
+                  target="_blank"
+                  download
+                  title="Download"
+                  class="link"
+                >
+                  <DownloadIcon class="w-5 h-5 icon" />
                 </a>
               </div>
 
@@ -168,10 +174,15 @@
 
 <script>
 import { mapGetters, mapActions } from 'vuex'
-import { ExternalLinkIcon, TagIcon, SearchIcon } from 'vue-feather-icons'
+import {
+  ExternalLinkIcon,
+  TagIcon,
+  SearchIcon,
+  DownloadIcon,
+} from 'vue-feather-icons'
 
 export default {
-  components: { ExternalLinkIcon, TagIcon, SearchIcon },
+  components: { ExternalLinkIcon, TagIcon, SearchIcon, DownloadIcon },
 
   props: {
     postData: {