Scroll app store gallery images on drag (#32)

package.json

@@ -19,6 +19,7 @@
     "qrcode.vue": "^1.7.0",
     "vue": "^2.6.10",
     "vue-confetti": "^2.0.7",
+    "vue-dragscroll": "3.0.1",
     "vue-router": "^3.1.3",
     "vue-slider-component": "^3.1.2",
     "vuex": "^3.1.2"

src/views/AppStore/AppStoreApp.vue

@@ -134,7 +134,7 @@
         </div>
       </div>
     </div>
-    <div class="app-gallery pt-1 pb-3 pt-sm-3 pb-sm-4 mb-2 mb-sm-3 px-1 px-sm-2 px-md-4">
+    <div class="app-gallery pt-1 pb-3 pt-sm-3 pb-sm-4 mb-2 mb-sm-3 px-1 px-sm-2 px-md-4" v-dragscroll>
       <app-store-app-gallery-image
         v-for="image in app.gallery"
         :key="image"
@@ -310,6 +310,7 @@
 
 <script>
 import { mapState } from "vuex";
+import { dragscroll } from 'vue-dragscroll';
 
 import delay from "@/helpers/delay";
 
@@ -319,6 +320,9 @@ import AppStoreAppGalleryImage from "@/views/AppStore/AppStoreAppGalleryImage";
 import ReleaseNotes from "@/views/AppStore/ReleaseNotes";
 
 export default {
+  directives: {
+    dragscroll
+  },
   data() {
     return {
       isOffline: false,

yarn.lock

@@ -8096,6 +8096,11 @@ vue-confetti@^2.0.7:
   resolved "https://registry.yarnpkg.com/vue-confetti/-/vue-confetti-2.0.8.tgz#30026592c4dfa47d660e1b6ed1caa85584ea6a91"
   integrity sha512-WJftcoXqBqpqgbi9upb9zA943xq4evwNltz8hS/fmNjbaiga38ob3yxw3YyHnAZmlayIYGYuR+k9stVcNfiinw==
 
+vue-dragscroll@3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/vue-dragscroll/-/vue-dragscroll-3.0.1.tgz#572c68ca021209accf8fe6f1bc7540c627c26453"
+  integrity sha512-4Oq3S1RGm94YMy/DcjcvM+itRLoTGnKaxlpUUVICPPkNEvMMKzArZUNDXxmDInVa8t4GtrfM0uGAShFP+0JIUw==
+
 vue-eslint-parser@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-5.0.0.tgz#00f4e4da94ec974b821a26ff0ed0f7a78402b8a1"