feat(ui): add latest release notes component and update homepage content

Author: uncor3

bun.lock

@@ -0,0 +1,32 @@
+<template>
+  <div v-if="isLoading">Loading release notes...</div>
+  <div v-else-if="isError">Error fetching release notes.</div>
+  <div v-else>
+    <h1 class="text-2xl font-bold">Latest Release Notes</h1>
+    <div v-html="marked(releaseNotes)"></div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { marked } from 'marked';
+const isLoading = ref(true);
+const releaseNotes = ref('');
+const isError = ref(false);
+
+fetch('https://api.github.com/repos/iDescriptor/iDescriptor/releases/latest')
+  .then((response) => response.json())
+  .then((data) => {
+    console.log('Latest release:', data);
+    if (!data || !data.body || typeof data.body !== 'string') {
+      throw new Error('Invalid release data');
+    }
+    releaseNotes.value = data.body;
+  })
+  .finally(() => {
+    isLoading.value = false;
+  })
+  .catch((error) => {
+    console.error('Error fetching latest release:', error);
+    isError.value = true;
+  });
+</script>

components/latest-release-notes.vue

@@ -12,6 +12,7 @@
   "dependencies": {
     "@nuxtjs/tailwindcss": "^6.14.0",
     "copy-to-clipboard": "^3.3.3",
+    "marked": "^18.0.0",
     "nuxt": "^4.2.0",
     "typescript": "^5.9.3",
     "vue": "^3.5.22",

package.json

@@ -2,10 +2,24 @@
   <div class="flex flex-col">
     <div class="flex flex-col items-center justify-center gap-2">
       <h1 class="text-3xl font-bold">iDescriptor</h1>
-      <span
-        >A free, open-source, and cross-platform iDevice management tool
-      </span>
+      <div>
+        Cross-platform, open-source and free idevice management tool written in
+        Rust
+        <img
+          class="inline-flex items-center gap-1"
+          src="https://rustacean.net/assets/rustacean-orig-noshadow.svg"
+          width="25"
+        />
+        and Qt
+      </div>
     </div>
+    <h1 class="text-2xl font-bold m-auto mt-10">Win 11</h1>
+    <Img
+      aspectRatio="529/389"
+      maxWidth="1058px"
+      src="https://github.com/iDescriptor/iDescriptor/blob/main/resources/repo/win-11-mica-dark.png?raw=true"
+    />
+    <h1 class="text-2xl font-bold m-auto mt-10">Other Platforms</h1>
     <Img
       aspectRatio="529/389"
       maxWidth="1058px"
@@ -44,6 +58,7 @@
         alt="Platform"
         src="https://img.shields.io/badge/Platform-Windows%20%7C%20macOS%20%7C%20Linux-blue.svg"
       />
+      <img src="https://shields.io/badge/-Rust-3776AB?style=flat&logo=rust" />
       <img
         alt="Language"
         src="https://img.shields.io/badge/C++-20-hotpink.svg"
@@ -71,6 +86,9 @@
         Get iDescriptor
       </a>
     </div>
+
+    <LatestReleaseNotes class="m-auto mt-[5rem]" />
+
     <div class="mt-[30rem]">//TODO</div>
   </div>
 </template>