fix(useBreakpoints): correct breakpoints values, Vuetify updated to v3

vueuse · Jan 10, 2024 · 95698ab · 95698ab
1 parent b657cb8
commit 95698ab
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/packages/core/useBreakpoints/breakpoints.ts b/packages/core/useBreakpoints/breakpoints.ts
@@ -26,15 +26,17 @@ export const breakpointsBootstrapV5 = {
 }
 
 /**
- * Breakpoints from Vuetify V2
+ * Breakpoints from Vuetify V3
  *
- * @see https://vuetifyjs.com/en/features/breakpoints
+ * @see https://vuetifyjs.com/en/styles/float/#overview
  */
 export const breakpointsVuetify = {
-  xs: 600,
-  sm: 960,
-  md: 1264,
-  lg: 1904,
+  xs: 0,
+  sm: 600,
+  md: 960,
+  lg: 1280,
+  xl: 1920,
+  xxl: 2560,
 }
 
 /**
@@ -57,10 +59,11 @@ export const breakpointsAntDesign = {
  * @see https://quasar.dev/style/breakpoints
  */
 export const breakpointsQuasar = {
-  xs: 600,
-  sm: 1024,
-  md: 1440,
-  lg: 1920,
+  xs: 0,
+  sm: 600,
+  md: 1024,
+  lg: 1440,
+  xl: 1920,
 }
 
 /**
@@ -97,7 +100,7 @@ export const breakpointsMasterCss = {
 /**
  * Breakpoints from PrimeFlex
  *
- * @see https://www.primefaces.org/primeflex/setup
+ * @see https://primeflex.org/installation
  */
 export const breakpointsPrimeFlex = {
   sm: 576,