Requesting user to update

src/components/FlashCard.vue

@@ -1,12 +1,22 @@
 <script setup lang="ts">
 
+import useArchiveStore from "@/stores/archive";
+import updater from "@/utils/updater";
 import {IonButton, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle} from "@ionic/vue";
+import { onBeforeMount, ref } from "vue";
 
 const emit = defineEmits<{(e:"back"):void}>();
+const archive = useArchiveStore();
+
+const version = ref<string>("");
 
 const back = () => {
   emit("back");
 }
+
+onBeforeMount(async () => {
+  version.value = await updater.obj.getBoardVersion();
+});
 </script>
 
 <template>
@@ -15,7 +25,7 @@ const back = () => {
       <div class="header-column">
         <ion-card-title>FLASH</ion-card-title>
         <ion-card-title>Board</ion-card-title>
-        <ion-card-subtitle>v1.1.1</ion-card-subtitle>
+        <ion-card-subtitle>{{ version }}</ion-card-subtitle>
       </div>
 <!--      <div style="flex-grow: 1"></div>-->
 <!--      <div>-->
@@ -24,7 +34,7 @@ const back = () => {
     </ion-card-header>
 
     <ion-card-content>
-      <p>v1.1.1 -> v1.1.2</p> <br>
+      <p>{{ version }} -> {{ archive.getArchive[archive.getShownI].title }}</p> <br>
       <ion-button>Flash</ion-button>
 
       <ion-button @click="back">Cancel</ion-button>