ref(useDynamicGrid.ts): use isMobileVariant

kodadot · Jun 6, 2024 · 4985bdc · 4985bdc
1 parent b78ce15
commit 4985bdc
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/composables/useDynamicGrid.ts b/composables/useDynamicGrid.ts
@@ -19,8 +19,9 @@ export default ({
 }: UseDynamicGridParams) => {
   const containerWidth = ref(0)
 
-  const isMobile = computed(() => containerWidth.value <= 768)
-  const isMobileVariant = computed(() => mobileVariant && isMobile.value)
+  const isMobileVariant = computed(
+    () => mobileVariant && containerWidth.value <= 768,
+  )
 
   const getColsFilledByAllRows = (cols: number): number => {
     if (!fillRows?.value || cols === 1) {
@@ -44,7 +45,7 @@ export default ({
 
     if (fillRows) {
       const filledCols = getColsFilledByAllRows(getCols)
-      return filledCols === 1 && !isMobile.value ? getCols : filledCols
+      return filledCols === 1 && !isMobileVariant.value ? getCols : filledCols
     }
 
     return getCols