diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index 3c25e43b6..c7d6d1a27 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -100,6 +100,7 @@ module.exports = {
{ src: '~/plugins/v-tooltip.js', ssr: false },
{ src: '~/plugins/izi-toast.js', ssr: false },
{ src: '~/plugins/vue-filters.js' },
+ { src: '~/plugins/vue-infinite-scroll.js', ssr: false },
],
router: {
diff --git a/webapp/package.json b/webapp/package.json
index 87ad3f92c..e46542a9a 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -76,6 +76,7 @@
"tiptap-extensions": "~1.26.2",
"v-tooltip": "~2.0.2",
"vue-count-to": "~1.0.13",
+ "vue-infinite-scroll": "^2.0.2",
"vue-izitoast": "roschaefer/vue-izitoast#patch-1",
"vuex-i18n": "~1.13.1",
"vue-sweetalert-icons": "~4.2.0",
diff --git a/webapp/pages/index.spec.js b/webapp/pages/index.spec.js
index 805640ef6..6dacd6069 100644
--- a/webapp/pages/index.spec.js
+++ b/webapp/pages/index.spec.js
@@ -5,6 +5,7 @@ import Styleguide from '@human-connection/styleguide'
import Filters from '~/plugins/vue-filters'
import VTooltip from 'v-tooltip'
import FilterMenu from '~/components/FilterMenu/FilterMenu'
+import InfiniteScroll from '~/plugins/vue-infinite-scroll'
const localVue = createLocalVue()
@@ -12,6 +13,7 @@ localVue.use(Vuex)
localVue.use(Styleguide)
localVue.use(Filters)
localVue.use(VTooltip)
+localVue.use(InfiniteScroll)
config.stubs['no-ssr'] = ''
config.stubs['router-link'] = ''
diff --git a/webapp/pages/index.vue b/webapp/pages/index.vue
index 683e5eb65..7566ce791 100644
--- a/webapp/pages/index.vue
+++ b/webapp/pages/index.vue
@@ -33,7 +33,16 @@
primary
/>
-
+
+
+
diff --git a/webapp/pages/profile/_id/_slug.spec.js b/webapp/pages/profile/_id/_slug.spec.js
index bd6c9c598..59dfddc8b 100644
--- a/webapp/pages/profile/_id/_slug.spec.js
+++ b/webapp/pages/profile/_id/_slug.spec.js
@@ -3,12 +3,14 @@ import ProfileSlug from './_slug.vue'
import Vuex from 'vuex'
import Styleguide from '@human-connection/styleguide'
import Filters from '~/plugins/vue-filters'
+import InfiniteScroll from '~/plugins/vue-infinite-scroll'
const localVue = createLocalVue()
localVue.use(Vuex)
localVue.use(Styleguide)
localVue.use(Filters)
+localVue.use(InfiniteScroll)
localVue.filter('date', d => d)
config.stubs['no-ssr'] = ''
diff --git a/webapp/pages/profile/_id/_slug.vue b/webapp/pages/profile/_id/_slug.vue
index 0e15218c8..540e6bdc8 100644
--- a/webapp/pages/profile/_id/_slug.vue
+++ b/webapp/pages/profile/_id/_slug.vue
@@ -229,7 +229,14 @@
-
+
+
+
diff --git a/webapp/plugins/vue-infinite-scroll.js b/webapp/plugins/vue-infinite-scroll.js
new file mode 100644
index 000000000..776db193b
--- /dev/null
+++ b/webapp/plugins/vue-infinite-scroll.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import infiniteScroll from 'vue-infinite-scroll'
+
+Vue.use(infiniteScroll)
diff --git a/webapp/yarn.lock b/webapp/yarn.lock
index c7f2ba1fb..b97ff277c 100644
--- a/webapp/yarn.lock
+++ b/webapp/yarn.lock
@@ -14887,9 +14887,13 @@ vue-hot-reload-api@^2.3.0:
resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.3.tgz#2756f46cb3258054c5f4723de8ae7e87302a1ccf"
integrity sha512-KmvZVtmM26BQOMK1rwUZsrqxEGeKiYSZGA7SNWE6uExx8UX/cj9hq2MRV/wWC3Cq6AoeDGk57rL9YMFRel/q+g==
+vue-infinite-scroll@^2.0.2:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/vue-infinite-scroll/-/vue-infinite-scroll-2.0.2.tgz#ca37a91fe92ee0ad3b74acf8682c00917144b711"
+ integrity sha512-n+YghR059YmciANGJh9SsNWRi1YZEBVlODtmnb/12zI+4R72QZSWd+EuZ5mW6auEo/yaJXgxzwsuhvALVnm73A==
+
vue-izitoast@roschaefer/vue-izitoast#patch-1:
version "1.1.2"
- uid ba6b03eb24c7c04c299e64a9703e101bf158ae50
resolved "https://codeload.github.com/roschaefer/vue-izitoast/tar.gz/ba6b03eb24c7c04c299e64a9703e101bf158ae50"
dependencies:
izitoast "^1.3.0"