feat: less bad launches

src/components/ModTitlecard.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { convertFileSrc } from '@tauri-apps/api/core';
 import { Package } from '../types';
+import { needsUpdate } from '../util';
 
 const props = defineProps({
     pkg: Object as () => Package,
@@ -39,11 +40,19 @@ const iconSrc = () => {
             >
                 by&nbsp;{{ pkg.namespace }}
             </span>
-            <span
-                v-if="showVersion && pkg?.loc?.version"
-                class="text-sm opacity-75 m-2"
-            >
-                {{ pkg?.loc?.version ?? '?.?.?' }}
+            <span class="m-2">
+                <span
+                    v-if="showVersion && pkg?.loc?.version"
+                    class="text-sm opacity-75"
+                >
+                    {{ pkg?.loc?.version ?? '?.?.?' }}
+                </span>
+                <span
+                    v-if="showVersion && needsUpdate(pkg)"
+                    class="text-sm opacity-75"
+                >
+                    -> {{ pkg?.rmt?.version ?? '?.?.?' }}</span
+                >
             </span>
         </div>
         <div class="text-sm opacity-75">