gets current locale from modalData in localize modal

Author: ValJed

modules/@apostrophecms/i18n/ui/apos/components/AposI18nLocalize.vue

@@ -3,6 +3,7 @@
     class="apos-wizard apos-i18n-localize"
     :class="{ 'apos-wizard-busy': wizard.busy }"
     :modal="modal"
+    :modal-data="modalData"
     @esc="close"
     @inactive="modal.active = false"
     @show-modal="modal.showModal = true"
@@ -324,6 +325,10 @@ export default {
     moduleName: {
       required: true,
       type: String
+    },
+    modalData: {
+      type: Object,
+      required: true
     }
   },
   emits: [ 'modal-result' ],
@@ -484,13 +489,6 @@ export default {
     isBatchMode() {
       return this.batchOptions.enabled;
     },
-    currentLocale() {
-      // We need to grab the locale from the modal data, because it can change
-      // while in modal (switch locale in editor modal).
-      // Exposing `modalData` property breaks the internally used AposModal
-      // component for some unknown reason, so we need to use the attrs.
-      return this.$attrs['modal-data']?.locale ?? this.moduleOptions.locale;
-    },
     action() {
       return this.doc.slug.startsWith('/')
         ? apos.page.action
@@ -693,7 +691,7 @@ export default {
       return this.wizard.step === name;
     },
     isCurrentLocale(locale) {
-      return this.currentLocale === locale.name;
+      return this.modalData.locale === locale.name;
     },
     canEditLocale(locale) {
       return !!locale._edit;