diff --git a/frontend/main.js b/frontend/main.js index b4a220a..293051c 100644 --- a/frontend/main.js +++ b/frontend/main.js @@ -6,6 +6,7 @@ import Buefy from 'buefy' import shared from './mixins/shared' import axios from 'axios' import api from './api/api' +import VueLazyload from 'vue-lazyload' import '@fortawesome/fontawesome-free/css/all.css' import '@fortawesome/fontawesome-free/css/fontawesome.css' @@ -25,6 +26,11 @@ Vue.use(Buefy, { defaultIconPack: 'fas', }) +Vue.use(VueLazyload, { + preLoad: 1.3, +}) + + Vue.mixin(shared) new Vue({ diff --git a/frontend/views/partials/Preview.vue b/frontend/views/partials/Preview.vue index b485687..1d83573 100644 --- a/frontend/views/partials/Preview.vue +++ b/frontend/views/partials/Preview.vue @@ -19,7 +19,7 @@ diff --git a/package-lock.json b/package-lock.json index 64153b0..c066cc7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16095,6 +16095,11 @@ "vue-template-es2015-compiler": "^1.6.0" } }, + "vue-lazyload": { + "version": "1.3.3", + "resolved": "https://registry.npmjs.org/vue-lazyload/-/vue-lazyload-1.3.3.tgz", + "integrity": "sha512-uHnq0FTEeNmqnbBC2aRKlmtd9LofMZ6Q3mWvgfLa+i9vhxU8fDK+nGs9c1iVT85axSua/AUnMttIq3xPaU9G3A==" + }, "vue-loader": { "version": "15.8.3", "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.8.3.tgz", diff --git a/package.json b/package.json index 1f8d3bb..36d6dc9 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "core-js": "^3.4.4", "js-base64": "^2.5.1", "prismjs": "^1.19.0", + "vue-lazyload": "^1.3.3", "vue-prism-editor": "^0.5.1" }, "devDependencies": {