From 07a6fb861318781bedcc145d0533a49d54b8121a Mon Sep 17 00:00:00 2001
From: SonTT19 <49301480+SonTT19@users.noreply.github.com>
Date: Wed, 12 Jun 2024 00:40:31 +0700
Subject: [PATCH] fix(VFab): change type for location prop (#19949)

fixes #19944
---
 packages/vuetify/src/components/VFab/VFab.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/packages/vuetify/src/components/VFab/VFab.tsx b/packages/vuetify/src/components/VFab/VFab.tsx
index 15a7dd8b87e..069034edef0 100644
--- a/packages/vuetify/src/components/VFab/VFab.tsx
+++ b/packages/vuetify/src/components/VFab/VFab.tsx
@@ -6,6 +6,7 @@ import { makeVBtnProps, VBtn } from '@/components/VBtn/VBtn'
 
 // Composables
 import { makeLayoutItemProps, useLayoutItem } from '@/composables/layout'
+import { makeLocationProps } from '@/composables/location'
 import { useProxiedModel } from '@/composables/proxiedModel'
 import { useResizeObserver } from '@/composables/resizeObserver'
 import { useToggleScope } from '@/composables/toggleScope'
@@ -16,20 +17,14 @@ import { computed, ref, shallowRef, toRef, watchEffect } from 'vue'
 import { genericComponent, omit, propsFactory, useRender } from '@/util'
 
 // Types
-import type { ComputedRef, PropType } from 'vue'
+import type { ComputedRef } from 'vue'
 import type { Position } from '@/composables/layout'
 
-const locations = ['start', 'end', 'left', 'right', 'top', 'bottom'] as const
-
 export const makeVFabProps = propsFactory({
   app: Boolean,
   appear: Boolean,
   extended: Boolean,
   layout: Boolean,
-  location: {
-    type: String as PropType<typeof locations[number]>,
-    default: 'bottom end',
-  },
   offset: Boolean,
   modelValue: {
     type: Boolean,
@@ -38,6 +33,7 @@ export const makeVFabProps = propsFactory({
 
   ...omit(makeVBtnProps({ active: true }), ['location']),
   ...makeLayoutItemProps(),
+  ...makeLocationProps(),
   ...makeTransitionProps({ transition: 'fab-transition' }),
 }, 'VFab')
 
@@ -65,13 +61,13 @@ export const VFab = genericComponent()({
     const position = computed(() => {
       if (!hasPosition.value) return false
 
-      return props.location.split(' ').shift()
+      return props.location?.split(' ').shift() ?? 'bottom'
     }) as ComputedRef<Position>
 
     const orientation = computed(() => {
       if (!hasPosition.value) return false
 
-      return props.location.split(' ')[1] ?? 'end'
+      return props.location?.split(' ')[1] ?? 'end'
     })
 
     useToggleScope(() => props.app, () => {