test publish

client/app/pages/preferences.vue

@@ -11,10 +11,28 @@
       <PrimeButton label="Save" type="submit" :disabled="!valid" />
     </form>
 
+    <div v-if="isTauri" class="p-3">
+      <PrimeButton label="Check for Updates" fluid severity="info" @click="onCheckForUpdates" />
+    </div>
+
     <div class="p-3">
-      <PrimeButton label="Logout" fluid severity="danger" @click="logout" />
+      <PrimeButton label="Logout" fluid severity="danger" @click="logout()" />
     </div>
   </div>
+
+  <PrimeToast position="bottom-center" group="updater">
+    <template #container="slotProps">
+      <div class="p-3">
+        <div class="font-medium text-lg mb-4">
+          {{ slotProps.message.detail }}
+        </div>
+        <div class="flex gap-3">
+          <PrimeButton size="small" label="Update now" @click="() => {}" />
+          <PrimeButton size="small" label="Later" severity="secondary" outlined @click="slotProps.closeCallback()" />
+        </div>
+      </div>
+    </template>
+  </PrimeToast>
 </template>
 
 <script setup lang="ts">
@@ -22,6 +40,8 @@ definePageMeta({
   name: 'Preferences',
 })
 
+const { isTauri } = useApp()
+const { checkForUpdates } = useUpdater()
 const { me, setMe, logout } = useAuth()
 
 const signaling = useSignaling()
@@ -39,6 +59,27 @@ const valid = computed(() => {
   return true
 })
 
+async function onCheckForUpdates() {
+  const update = await checkForUpdates()
+
+  toast.removeGroup('updater')
+
+  if (!update) {
+    toast.add({ severity: 'success', summary: 'You are up to date', closable: false, life: 1000 })
+
+    return
+  }
+
+  toast.add({
+    group: 'updater',
+    severity: 'info',
+    detail: `Version ${update?.version ?? '1.0.1'} is available!`,
+    closable: false,
+  })
+
+  // asdasd
+}
+
 async function save() {
   if (!valid.value)
     return