From df130784bd075f30573d986192064cba9c2f9021 Mon Sep 17 00:00:00 2001
From: Dede Fuji Abdul <defuj.official@gmail.com>
Date: Thu, 18 Apr 2024 09:42:58 +0700
Subject: [PATCH] Update version number in package.json and Welcome.vue

---
 package.json                     |  2 +-
 src/components/Pages/Welcome.vue |  2 ++
 src/views/HomeView.vue           | 30 ++++++++++++++++++++++++++++++
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 1b745fb..9cb47be 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eis",
-  "version": "0.0.1",
+  "version": "0.0.111",
   "private": true,
   "scripts": {
     "dev": "vite",
diff --git a/src/components/Pages/Welcome.vue b/src/components/Pages/Welcome.vue
index 84c5317..b0a549a 100755
--- a/src/components/Pages/Welcome.vue
+++ b/src/components/Pages/Welcome.vue
@@ -129,6 +129,7 @@
       <dt class="text-xs text-center text-gray-500">
         Copyright © 2023 PT PLN (Persero). All Rights Reserved
       </dt>
+      <dt class="mt-4 text-xs font-bold text-center text-gray-800">Version {{ version }}</dt>
     </div>
   </div>
 </template>
@@ -142,6 +143,7 @@ import { type RouteRecordRaw } from 'vue-router'
 import { routes, extractLeafRoutes } from '@/router'
 import { navigationIcon } from '@/utils/route'
 import { detectOS } from '@/utils/helper'
+import { version } from '../../../package.json'
 
 const os = ref(detectOS())
 const command = useCommandPalattesStore()
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index d3dc71f..4c56dfd 100755
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -3,7 +3,37 @@ import MenuProvider from '@/components/Pages/MenuProvider.vue'
 import Navigation from '@/components/Navigation/Navigation.vue'
 import { useMenuStore } from '@/stores/menu'
 import { RouterView } from 'vue-router'
+import { useDialogStore } from '@/stores/dialog'
+import { onMounted } from 'vue'
+import { version } from '../../package.json'
 const menu = useMenuStore()
+const dialog = useDialogStore()
+
+const showDialogUpdate = () => {
+  dialog.type = 'success'
+  dialog.title = 'Update Aplikasi'
+  dialog.content =
+    'Aplikasi telah diperbarui. Silahkan muat ulang aplikasi untuk melihat perubahan.'
+  dialog.confirmText = 'Muat Ulang'
+  dialog.showCancelButton = false
+  dialog.onConfirm = () => {
+    window.location.reload()
+  }
+  dialog.dismissOnAction = false
+  dialog.open = true
+}
+
+onMounted(() => {
+  const localVersion = localStorage.getItem('version')
+  if (localVersion) {
+    if (localVersion !== version) {
+      localStorage.setItem('version', version)
+      showDialogUpdate()
+    }
+  } else {
+    localStorage.setItem('version', version)
+  }
+})
 </script>
 
 <template>