From d9ff1218e1d22fdb370d99addee544a1fdf228f3 Mon Sep 17 00:00:00 2001 From: Yondonjamts Ganzorig Date: Fri, 28 May 2021 15:08:31 +0800 Subject: [PATCH 1/2] flickity fade install and used on flickity.vue --- package-lock.json | 9 +++++++++ package.json | 3 ++- src/flickity.vue | 2 +- 3 files changed, 12 insertions(+), 2 deletions(-) diff --git a/package-lock.json b/package-lock.json index f985400..39dcf8f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -840,6 +840,15 @@ "unipointer": "^2.3.0" } }, + "flickity-fade": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/flickity-fade/-/flickity-fade-1.0.0.tgz", + "integrity": "sha512-5iXHN+nqjQcph6fqOw+/wAr0FHxIrcVQyKfwyVoI325CYrl9sVsx7cr6cyAih9sDYiUCGzrM6OykG7mSb5LPMg==", + "requires": { + "fizzy-ui-utils": "^2.0.0", + "flickity": "^2.2.0" + } + }, "fs.realpath": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", diff --git a/package.json b/package.json index eeeca9e..3a65e81 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,7 @@ "vue": "^2.1.4" }, "dependencies": { - "flickity": "^2.2.0" + "flickity": "^2.2.0", + "flickity-fade": "^1.0.0" } } diff --git a/src/flickity.vue b/src/flickity.vue index 0bfcf6f..07cf9ad 100644 --- a/src/flickity.vue +++ b/src/flickity.vue @@ -24,7 +24,7 @@ export default { * Initialize a new flickity and emit init event. */ init() { - const Flickity = require('flickity'); + const Flickity = require('flickity-fade'); this.$flickity = new Flickity(this.$el, this.options); this.$emit('init', this.$flickity); From 0292e79a51c098a83537d5b4a40f8931ef1da138 Mon Sep 17 00:00:00 2001 From: Yondonjamts Ganzorig Date: Mon, 31 May 2021 23:10:58 +0800 Subject: [PATCH 2/2] changed flickity to flickity-fade on flickity data method --- src/flickity.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/flickity.vue b/src/flickity.vue index 07cf9ad..e90201f 100644 --- a/src/flickity.vue +++ b/src/flickity.vue @@ -217,7 +217,7 @@ export default { * @return {Flickity} */ data() { - const Flickity = require('flickity'); + const Flickity = require('flickity-fade'); return Flickity.data(this.$el); },