Fix popper modifier validation error (#8382)

app/src/components/v-menu/use-popper.ts

@@ -67,7 +67,7 @@ export function usePopper(
 	}
 
 	function getModifiers(callback: (value?: unknown) => void = () => undefined) {
-		const modifiers: Partial<Modifier<string, any>>[] = [
+		const modifiers: Modifier<string, any>[] = [
 			popperOffsets,
 			{
 				...offset,
@@ -81,12 +81,6 @@ export function usePopper(
 					padding: 8,
 				},
 			},
-			{
-				name: 'arrow',
-				options: {
-					padding: 6,
-				},
-			},
 			computeStyles,
 			flip,
 			eventListeners,
@@ -111,7 +105,12 @@ export function usePopper(
 		];
 
 		if (options.value.arrow === true) {
-			modifiers.push(arrow);
+			modifiers.push({
+				...arrow,
+				options: {
+					padding: 6,
+				},
+			});
 		}
 
 		if (options.value.attached === true) {

app/src/components/v-menu/v-menu.vue

@@ -135,7 +135,7 @@ export default defineComponent({
 			reference,
 			popper,
 			computed(() => ({
-				placement: props.placement as Placement,
+				placement: props.placement,
 				attached: props.attached,
 				arrow: props.showArrow,
 			}))