Vue 3: Can't use ios.position and android.position in ActionItem

[mreall]

I'm following the instructions for setting the position of an ActionItem in the ActionBar for iOS. But when I include ios.position="right" in the ActionItem tag, the Android app crashes when I attempt to load that page. Here's the ActionBar code:

    <ActionBar>
      <NavigationButton visibility="collapsed" />
      <Label text="My Classes" class="font-bold text-lg" />
      <ActionItem :text="signedIn ? 'Sign Out' : 'Sign In'" ios.position="right" @tap="signInOut" />
    </ActionBar>

Any suggestions?

[mreall]

@vallemar provided the following workaround:

ios. and android. may not work for vue3. use isAndroid from @ns/core and do it like :position="isAndroid ? xxx : yyy"

[mreall]

Unfortunately iOS wasn't picking up the position using that workaround. But the following is working:

    <ActionBar>
      <NavigationButton visibility="collapsed" />
      <Label text="My Classes" class="font-bold text-lg" />
      <ActionItem v-if="isAndroid" :text="signedIn ? 'Sign Out' : 'Sign In'" android.position="actionBar"
        @tap="signInOut" />
      <ActionItem v-else :text="signedIn ? 'Sign Out' : 'Sign In'" ios.position="right" @tap="signInOut" />
    </ActionBar>