How to setup id attribute to native selector to be located with Appium

[facundofacio]

Hi, I'm trying to automate some mobile tests with Appium for Android/iOS for a Vue + capacitor native app. Trying to use the ID locator strategy, by adding unique id's in some Vue components like this:

<MyEmailField
  ref="emailField"
  v-model="email"
  class="py-0"
  id="login__email_field_id"
/>

It works ok in Android (Appium inspector effectively finds resource-id element identifiers) but not in iOS (where any element identifier with that value is visible in XML tree).

Android:

iOS:

What can I do to make those tags appear on iOS? Does it has something to do with capacitor config?

Appium Android capabilities:

{
  "platformName": "Android",
  "appium:avd": "android13",
  "appium:app": "/my/apk/path",
  "appium:automationName": "uiautomator2",
  "appium:autoGrantPermission": "true",
  "appium:fullReset": "true"
}

Appium iOS capabilities:

{
  "platformName": "iOS",
  "appium:platformVersion": "16.4",
  "appium:deviceName": "iPhone 14 Pro",
  "appium:app": "/my/app/path",
  "appium:automationName": "XCUITest",
  "appium:autoGrantPermissions": "true",
  "appium:fullReset": "true"
}