diff --git a/NUXT/components/vidLoadRenderer.vue b/NUXT/components/vidLoadRenderer.vue
index f959d39..9c83dd0 100644
--- a/NUXT/components/vidLoadRenderer.vue
+++ b/NUXT/components/vidLoadRenderer.vue
@@ -1,12 +1,14 @@
// this is an loading animation for videos
-
+
diff --git a/NUXT/pages/home.vue b/NUXT/pages/home.vue
index 7f55d00..dbef46e 100644
--- a/NUXT/pages/home.vue
+++ b/NUXT/pages/home.vue
@@ -7,10 +7,11 @@
@@ -33,9 +34,14 @@ export default {
},
},
+ data: {
+ loading: false,
+ },
+
methods: {
paginate() {
if (this.recommends) {
+ this.loading = true;
this.$youtube
.recommendContinuation(
this.recommends[this.recommends.length - 1].continuations.find(
@@ -44,6 +50,7 @@ export default {
"browse"
)
.then((result) => {
+ this.loading = false;
this.recommends.push(result);
});
}