cordova-plugin-purchase vue3 composable

cordova-plugin-purchase-vue3-composable.js

import { ref } from "vue";
import { Capacitor } from "@capacitor/core";
import "cordova-plugin-purchase/www/store";

export function useInAppPurchase() {
  const iapProduct = ref();
  const iapOrder = ref();

  if (Capacitor.isNativePlatform()) {
    const { store, ProductType, Platform } = CdvPurchase;
    refreshUI();

    store.register({
      type: ProductType.PAID_SUBSCRIPTION,
      id: "subscription_product_id",
      platform: Platform.GOOGLE_PLAY,
    });

    store.when().productUpdated(refreshUI).approved(finishPurchase);
    store.initialize([Platform.GOOGLE_PLAY, ProductType.PAID_SUBSCRIPTION]);

  }

  function finishPurchase(p) {
    p.finish();
    refreshUI();
  }

  function refreshUI() {
    const { store, ProductType, Platform } = CdvPurchase;
    iapProduct.value = store.get(
      "subscription_product_id",
      Platform.GOOGLE_PLAY,
      ProductType.PAID_SUBSCRIPTION
    );
    iapOrder.value = store.findInLocalReceipts(iapProduct.value);
  }

  function orderProduct() {
    const { store, ProductType, Platform } = CdvPurchase;
    iapProduct.value = store.get(
      "subscription_product_id",
      Platform.GOOGLE_PLAY,
      ProductType.PAID_SUBSCRIPTION
    );
    iapProduct.value.getOffer().order();
  }

  return {
    refreshUI,
    iapProduct,
    iapOrder,
    orderProduct,
  };
}

Change "subscription_product_id" with your subscription product id.