`<script setup>` syntax is preferable as it's the officially recommended syntax when using both SFCs and Composition API, which SX does.
**Update**
The following SFCs inside `SectionTranslation` codebase should be refactored to use `<script setup>` syntax:
[] CXFavoriteList.vue
[] CXHelpPanel.vue
[] CXStatsPanel.vue
[x] CXTranslationSuggestion.vue
[] CXTranslationWork.vue
[] ExperimentalSupportBanner.vue
[] SXConfirmTranslationDeletionDialog.vue
[] MWLanguageSelector.vue
[] ArticleSuggestionsCard.vue
[] SearchResultsCard.vue
[] SXSearchArticleSuggestion.vue
[] NewSectionPlaceholder.vue
[] SourceVsTargetSelector.vue
[] SXContentComparator.vue
[x] SXContentComparatorContentHeader.vue
[x] SXContentComparatorHeader.vue
[] SXContentComparatorHeaderMappedSection.vue
[] SXContentComparatorHeaderNavigation.vue
[] EditCompleteFeedback.vue
[x] SXEditor.vue
[] SXEditorOriginalContent.vue
[] SXPublisherAnimationDialog.vue
[] SXSectionSelector.vue
[x] SXSectionSelectorSectionListPresent.vue
[] BlockTemplateStatusIndicator.vue
[] SubSection.vue
[] SXBlockTemplateStatusDialog.vue
[x] SXSentenceSelectorContentHeader.vue
[] SXTranslationSelector.vue
[] TranslatedSegmentCardHeader.vue
[x] SXArticleLanguageSelector.vue
[x] MWBottomNavigation.vue
All the remaining SFCs (32 in total) have been successfully refactored.