feat(VFab): add new layout prop that determines if app fab takes up s…

…pace

packages/api-generator/src/locale/en/VFab.json

@@ -1,6 +1,7 @@
 {
   "props": {
     "app": "If true, attaches to the closest layout and positions according to the value of **location**.",
+    "layout": "If true, will effect layout dimensions based on size and position.",
     "appear": "Used to control the animation of the FAB.",
     "extended": "An alternate style for the FAB that expects text.",
     "location": "The location of the fab relative to the layout. Only works when using **app**.",

packages/vuetify/src/labs/VFab/VFab.tsx

@@ -25,6 +25,7 @@ export const makeVFabProps = propsFactory({
   app: Boolean,
   appear: Boolean,
   extended: Boolean,
+  layout: Boolean,
   location: {
     type: String as PropType<typeof locations[number]>,
     default: 'bottom end',
@@ -78,8 +79,8 @@ export const VFab = genericComponent()({
         id: props.name,
         order: computed(() => parseInt(props.order, 10)),
         position,
-        layoutSize: height,
-        elementSize: computed(() => height.value + 32),
+        layoutSize: computed(() => props.layout ? height.value + 24 : 0),
+        elementSize: computed(() => height.value),
         active: computed(() => props.app && model.value),
         absolute: toRef(props, 'absolute'),
       })