add Medium-zoom like effect

saleem-hadad · Sep 24, 2018 · aa3dcce · aa3dcce
1 parent 59c89d0
commit aa3dcce
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 23 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
   },
   "dependencies": {
     "docsearch.js": "^2.5.2",
+    "medium-zoom": "^1.0.2",
     "smoothscroll-for-websites": "1.4.6",
     "vue2-transitions": "0.2.3"
   }

diff --git a/publishable/assets/js/app.js b/publishable/assets/js/app.js
diff --git a/resources/js/app.js b/resources/js/app.js
@@ -1,7 +1,8 @@
 require('./bootsrap');
 
 import Vue from "vue";
-import Argon from "./plugins/argon-kit";
+import mediumZoom from 'medium-zoom'
+import Argon from "./plugins/argon-kit"
 
 Vue.use(Argon);
 Vue.config.productionTip = false;
@@ -31,6 +32,7 @@ const app = new Vue({
     this.activateCurrentSection()
     this.parseDocsContent()
     this.setupKeyboardShortcuts()
+    mediumZoom('img')
   },
   methods: {
     handleSidebarVisibility() {