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(); }, };