fix(VDataTable): change mobile default to false (#19744)

Co-authored-by: John Leider <[email protected]>
vuetifyjs · May 3, 2024 · a194622 · a194622
1 parent 6aea5e4
commit a194622
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/api-generator/src/locale/en/display.json b/packages/api-generator/src/locale/en/display.json
@@ -1,6 +1,6 @@
 {
   "props": {
-    "mobile": "Explicitly designate as a mobile display configuration.",
-    "mobileBreakpoint": "Overrides the display configuration default."
+    "mobile": "Determines the display mode of the component. If true, the component will be displayed in mobile mode. If false, the component will be displayed in desktop mode. If null, will be based on the current mobile-breakpoint",
+    "mobileBreakpoint": "Overrides the display configuration default screen size that the component should be considered in mobile."
   }
 }
diff --git a/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx b/packages/vuetify/src/components/VNavigationDrawer/VNavigationDrawer.tsx
@@ -87,7 +87,7 @@ export const makeVNavigationDrawerProps = propsFactory({
   ...makeBorderProps(),
   ...makeComponentProps(),
   ...makeDelayProps(),
-  ...makeDisplayProps(),
+  ...makeDisplayProps({ mobile: null }),
   ...makeElevationProps(),
   ...makeLayoutItemProps(),
   ...makeRoundedProps(),

diff --git a/packages/vuetify/src/composables/display.ts b/packages/vuetify/src/composables/display.ts
@@ -216,8 +216,8 @@ export function createDisplay (options?: DisplayOptions, ssr?: SSROptions): Disp
 
 export const makeDisplayProps = propsFactory({
   mobile: {
-    type: Boolean,
-    default: null,
+    type: Boolean as PropType<boolean | null>,
+    default: false,
   },
   mobileBreakpoint: [Number, String] as PropType<number | DisplayBreakpoint>,
 }, 'display')