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

Code before:
							@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" />
									<v-skeleton-loader type="input" />
								</div>
							</template>
							<template v-else>
								<v-form
									disabled
									:collection="collection"
									:primary-key="primaryKey"
									:initial-values="comparisonData?.incoming || {}"
									:comparison="
										{
											side: 'incoming',
											fields: comparisonFields,
											selectedFields: selectedComparisonFields,
											onToggleField: toggleComparisonField,
											comparisonType: comparisonData?.comparisonType,
										} as ComparisonContext
									"
									class="comparison-form--current"
								/>
							</template>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="columns">
					<div class="col left">
						<div class="fields-changed">
							{{ t('updated_field_count', { count: availableFieldsCount }, availableFieldsCount) }}
						</div>
					</div>
					<div class="col right">
						<div class="footer-actions">
							<div class="select-all-container">
								<v-checkbox
									v-if="availableFieldsCount > 0"
									:model-value="allFieldsSelected"
									:indeterminate="someFieldsSelected && !allFieldsSelected"
									@update:model-value="toggleSelectAll"
								>
									{{ t('select_all_changes') }} ({{ selectedComparisonFields.length }}/{{ availableFieldsCount }})

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

Code after:
							: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">
									<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?.incoming || {}"
									:comparison="{
										side: 'incoming',
										fields: comparisonFields,
										selectedFields: selectedComparisonFields,
										onToggleField: toggleComparisonField,
										comparisonType: comparisonData?.comparisonType,
									}"
									class="comparison-form--current"
								/>
							</template>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<div class="columns">
					<div class="col left">
						<div class="fields-changed">
							{{ t('n_differences', { count: availableFieldsCount }) }}
						</div>
					</div>
					<div class="col right">
						<div class="footer-actions">
							<div class="select-all-container">
								<v-checkbox
									v-if="availableFieldsCount > 0"
									:model-value="allFieldsSelected"
									:indeterminate="someFieldsSelected && !allFieldsSelected"
									@update:model-value="toggleSelectAll"
								>