Repository: directus/directus
File: app/src/modules/content/components/comparison-modal.vue (Vue)

Code before:
							:tooltip-message="isRevisionMode ? `${t('changes_made')} ${t('no_relational_data')}` : undefined"
						/>
						<div class="comparison-content-divider"></div>
						<div class="comparison-content">
							<template v-if="modalLoading">
								<div class="form-skeleton">
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
								</div>
							</template>
							<template v-else>
								<v-form
									disabled
									:collection="collection"
									:primary-key="primaryKey"
									:initial-values="comparisonData?.base || {}"
									:comparison="
										{
											side: 'base',
											fields: comparisonFields,
											selectedFields: [],
											onToggleField: () => {},
											comparisonType: comparisonData?.comparisonType,
										} as ComparisonContext
									"
									class="comparison-form--main"
								/>
							</template>
						</div>
					</div>

					<div class="col right vertical-divider">
						<comparison-header
							:loading="modalLoading"
							:title="deltaDisplayName"
							:date-updated="normalizedData?.incoming.date.dateObject || null"
							:user-updated="userUpdated"
							:user-loading="userLoading"
							:show-delta-dropdown="isRevisionMode"
							:comparison-data="comparisonData"
							@delta-change="onDeltaSelectionChange"
						/>
						<div class="comparison-content-divider"></div>
						<div class="comparison-content">
							<template v-if="modalLoading">
								<div class="form-skeleton">
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />

Review comment (refactor):
Let’s remove this unnecessary type casting.

```suggestion
										}
```

Code after:
							:loading="modalLoading"
							:title="baseDisplayName"
							:date-updated="t('latest')"
							:user-updated="mainItemUserUpdated"
							:user-loading="mainItemUserLoading"
						/>
						<div class="comparison-content-divider"></div>
						<div class="comparison-content">
							<template v-if="modalLoading">
								<div class="form-skeleton">
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
									<v-skeleton-loader type="input" />
								</div>
							</template>
							<template v-else>
								<v-form
									disabled
									:collection="collection"
									:primary-key="primaryKey"
									:initial-values="comparisonData?.base || {}"
									:comparison="{
										side: 'base',
										fields: comparisonFields,
										selectedFields: [],
										onToggleField: () => {},
										comparisonType: comparisonData?.comparisonType,
									}"
									class="comparison-form--main"
								/>
							</template>
						</div>
					</div>

					<div class="col right vertical-divider">
						<comparison-header
							:loading="modalLoading"
							:title="deltaDisplayName"
							:date-updated="normalizedData?.incoming.date.dateObject || null"
							:user-updated="userUpdated"
							:user-loading="userLoading"
							:show-delta-dropdown="isRevisionMode"
							:comparison-data="comparisonData"
							:tooltip-message="incomingTooltipMessage"
							@delta-change="onDeltaSelectionChange"
						/>
						<div class="comparison-content-divider"></div>
						<div class="comparison-content">
							<template v-if="modalLoading">
								<div class="form-skeleton">