<template>
  <f7-page name="newupdate">
    <f7-navbar title="Update Your App"></f7-navbar>

    <f7-block>
      <h3 tag align="center">Update App from Google Play</h3>
      <p tag align="center">
        This version of the app is not supported anymore.
      </p>
      <p tag align="center">
        Please click below link to update Penpal America App
      </p>
      <f7-link
        href="https://play.google.com/store/apps/details?id=com.penpalamerica.penpal"
        external
      >
        <img
          :src="
            $device.desktop
              ? '/images/googleimage.png'
              : 'file:./images/googleimage.png'
          "
          width="50%"
          height="50%"
        />
      </f7-link>
    </f7-block>
  </f7-page>
</template>
<script>
export default {
  data() {
    return {
      image1: require("@/assets/images/googleimage.png"),
      image2: require("@/assets/images/appleimage.png"),
    };
  },
  computed: {
    app_version() {
      return this.$store.getters.app_version;
    },
  },
  created() {
    // console.log("hello");
    // this.$store.dispatch("getAppVersion");
  },
};
</script>
<style scoped>
.wrapper {
  text-align: center;
  margin-left: 100px;
}
</style>