Add clip download support

src/main.ts

@@ -35,6 +35,7 @@ import {
   BiHeartFill,
   FaShareAlt,
   IoCloseSharp,
+  MdDownloadRound,
   IoPerson
 } from 'oh-vue-icons/icons'
 
@@ -53,6 +54,7 @@ addIcons(
   BiHeartFill,
   FaShareAlt,
   IoCloseSharp,
+  MdDownloadRound,
   IoPerson
 )
 

src/views/ClipView.vue

@@ -49,6 +49,7 @@ export default {
       status,
       videoOptions,
       time: ref(0),
+      srcUrl,
       shareModalVisible: ref(false)
     }
   },
@@ -128,9 +129,17 @@ export default {
           </p>
         </div>
 
-        <button @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple">
-              <v-icon name="fa-share-alt"></v-icon>
+        <div class="space-x-1">
+          <a :href="srcUrl" download>
+            <button class="px-2 py-1.5 rounded-lg bg-purple">
+                <v-icon name="md-download-round"></v-icon>
             </button>
+          </a>
+
+          <button @click="toggleShareModal" class="px-2 py-1.5 rounded-lg bg-purple">
+                <v-icon name="fa-share-alt"></v-icon>
+          </button>
+        </div>
         </div>
       </div>