<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
- CXTranslationSuggestion.vue
- CXTranslationWork.vue
-
ExperimentalSupportBanner.vue - SXConfirmTranslationDeletionDialog.vue
- MWLanguageSelector.vue
- ArticleSuggestionsCard.vue
- SearchResultsCard.vue
- SXSearchArticleSuggestion.vue
- NewSectionPlaceholder.vue
- SourceVsTargetSelector.vue
- SXContentComparator.vue
- SXContentComparatorContentHeader.vue
- SXContentComparatorHeader.vue
- SXContentComparatorHeaderMappedSection.vue
- SXContentComparatorHeaderNavigation.vue
- EditCompleteFeedback.vue
- SXEditor.vue
- SXEditorOriginalContent.vue
- SXPublisherAnimationDialog.vue
- SXSectionSelector.vue
- SXSectionSelectorSectionListPresent.vue
- BlockTemplateStatusIndicator.vue
- SubSection.vue
- SXBlockTemplateStatusDialog.vue
- SXSentenceSelectorContentHeader.vue
- SXTranslationSelector.vue
- TranslatedSegmentCardHeader.vue
- SXArticleLanguageSelector.vue
- MWBottomNavigation.vue
All the remaining SFCs (32 in total) have been successfully refactored.
Acceptance criteria
No results with this search: https://codesearch.wmcloud.org/search/?q=%3Cscript%3E&files=app%2Fsrc%2Fcomponents.*vue%24&excludeFiles=&repos=Extension%3AContentTranslation