vaibhavgehani

{
  "timeZone": "America/Los_Angeles",
  "dependencies": {
    "libraries": [{
      "userSymbol": "FirebaseApp",
      "libraryId": "1hguuh4Zx72XVC1Zldm_vTtcUUKUA6iBUOoGnJUWLfqDWx5WlOJHqYkrt",
      "version": "29",
      "developmentMode": true
    }]
  },

vaibhavgehani

<template>
    <ion-page>
        <ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Pay pal
    </ion-title>

vaibhavgehani

import { defineComponent } from 'vue';
import { IonPage, IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonContent, IonGrid, IonRow, IonCol, IonCard, IonImg, IonCardContent, IonButton } from '@ionic/vue';
import Axios from 'axios';
import { alertController } from '@ionic/vue';

declare const braintree: any;

export default defineComponent({
    data() {
        return {

vaibhavgehani

const express = require("express");
const app = express();
const bodyParser = require('body-parser');
const cors = require("cors")
const braintree = require("braintree");

const gateway = new braintree.BraintreeGateway({
  environment: braintree.Environment.Sandbox,
  merchantId: "USE_YOUR_MERCHENT_ID",
  publicKey: "USE_YOUR_PUBLIC_KEY",

vaibhavgehani

mounted() {
      this.addScript();
},
methods: {
  addScript() {
    const script = document.createElement("script");
    script.src ="https://js.braintreegateway.com/js/braintree-2.32.1.min.js";
    script.addEventListener("load", this.initializeBraintree);
    document.body.appendChild(script);
  },

vaibhavgehani

import { defineComponent } from 'vue';
import { IonPage, IonHeader, IonToolbar, IonButtons, IonMenuButton, IonTitle, IonSegment, IonSegmentButton, IonContent, IonItem, IonSelect, IonSelectOption, IonGrid, IonRow, IonCol, IonCard, IonCardHeader, IonCardContent, IonListHeader, IonLabel, IonImg } from '@ionic/vue';

export default defineComponent({
    data() {
        return {
            language: 'en'
        }
    },
    

vaibhavgehani

<template>
  <ion-app>
    <ion-router-outlet />
  </ion-app>
</template>

<script lang="ts">
import { IonApp, IonRouterOutlet } from '@ionic/vue';
import { defineComponent } from 'vue';
import { Device, DevicePlugin } from '@capacitor/device';

vaibhavgehani

import { createApp } from 'vue'
import App from './App.vue'
import router from './router';

import { IonicVue } from '@ionic/vue';

/* Core CSS required for Ionic components to work properly */
import '@ionic/vue/css/core.css';

/* Basic CSS for apps built with Ionic */

vaibhavgehani

export const globalizationList = {
    en: {
        title: 'Hello sir',
        TITLE_2: 'Hello {value}',
        description: 'Ooohh .... did you just translate this text ?',
        data: {
            name: 'My name is {name_value}'
        }
    },
    es: {

vaibhavgehani

<template>
  <ion-page>
    <ion-header>
  <ion-toolbar color="danger">
    <ion-title>
      Tab One
    </ion-title>
  </ion-toolbar>
</ion-header>