diff --git a/src/components/LinkItems/Section.vue b/src/components/LinkItems/Section.vue
index f1659ed5..e2f75a98 100644
--- a/src/components/LinkItems/Section.vue
+++ b/src/components/LinkItems/Section.vue
@@ -14,6 +14,7 @@
:id="sectionRef"
:ref="sectionRef"
>
+ {{ activeColCount }}
{{ $t('home.no-items-section') }}
@@ -128,6 +129,7 @@ export default {
widgets: Array,
index: Number,
isWide: Boolean,
+ activeColCount: Number,
},
components: {
Collapsable,
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a954a121..b8d49c34 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -21,7 +21,6 @@
- {{readActiveColCount()}}
@@ -85,6 +85,7 @@ export default {
layout: '',
itemSizeBound: '',
addNewSectionOpen: false,
+ activeColCount: 1,
}),
computed: {
singleSectionView() {
@@ -179,7 +180,7 @@ export default {
if (!sectionsContainer) return;
const cs = getComputedStyle(sectionsContainer);
const varVal = cs.getPropertyValue('--col-count').trim();
- console.log(varVal);
+ this.activeColCount = varVal;
},
},
mounted() {
@@ -187,6 +188,7 @@ export default {
this.initiateMaterialDesignIcons();
this.layout = this.layoutOrientation;
this.itemSizeBound = this.iconSize;
+ this.readActiveColCount();
},
};