You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I think it should be like breakpointsBootstrapV5, where xs is set to 0 and the other numbers are moved back one code in order.
Also, I looked at the documentation, Tailwind, MasterCss are fine, AntDesign points out on another page that xs is a width less than 576, quasar have the same problem with Vuetify, and PrimeFlex's documentation points to a 404 page.
Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
Check that this is a concrete bug. For Q&A open a GitHub Discussion.
Describe the bug
This file: https://github.com/vueuse/vueuse/blob/main/packages/core/useBreakpoints/breakpoints.ts
I tested these breakpoints.
breakpointsVuetify
, width 496, but got[]
, missingxs
breakpointsVuetify
, width 667, but got["xs"]
, missingsm
breakpointsVuetify
, width 1015, but got["xs", "sm"]
, missingmd
Its results are different from vuetify's table.
I think it should be like
breakpointsBootstrapV5
, wherexs
is set to0
and the other numbers are moved back one code in order.Also, I looked at the documentation, Tailwind, MasterCss are fine, AntDesign points out on another page that
xs
is a width less than576
, quasar have the same problem with Vuetify, and PrimeFlex's documentation points to a 404 page.Reproduction
https://stackblitz.com/edit/vitejs-vite-qvqxdv/?file=src%2FApp.vue,package.json
System Info
Used Package Manager
pnpm
Validations
The text was updated successfully, but these errors were encountered: