Vue/Capacitor in-app purchase plugin

[jeremyburton]

I’ve built a standard Vue app (using Vue CLI) and am using Capacitor 3 to generate native iOS and Android builds. I want to add an in-app purchase to my app so I followed the guidance in the Capacitor docs, which boils down to installing the cordova-plugin-purchase community plugin. I’ve tried following the recommended guides for using this plugin but neither provides all the info I need for my use case. One of the guides requires use of an Ionic Native wrapper and the other is based on using Cordova, not Capacitor. Can anyone give me any pointers for initialising the cordova-plugin-purchase plugin in a Vue app without using an Ionic Native wrapper? Any help would be much appreciated.

Also, Xcode warns that the cordova-plugin-purchase plugin contains deprecations dating back to iOS 7. Is this plugin still suitable for production use? Are there any plans to offer an official Capacitor plugin for in-app purchases?

[jeremyburton]

Just to say that I got this working by importing the Ionic Native wrapper in-app-purchase-2 like so:

import { InAppPurchase2 } from "@ionic-native/in-app-purchase-2";
const store = InAppPurchase2;

Took me a while to figure out that I needed to drop the Angular-specific part of the import path to get this to work with Vue. After that it was pretty straightforward to use the documented methods.