refactor(site): split homepage components and data

Author: GaspardKirira

vix-site/public/data/github_stats.json

@@ -1,9 +1,9 @@
 {
   "repo": "vixcpp/vix",
-  "fetched_at": "2026-05-28T09:11:31.536Z",
-  "stars": 441,
-  "forks": 32,
-  "open_issues": 1,
-  "watchers": 4,
+  "fetched_at": "2026-06-14T16:49:46.964Z",
+  "stars": 464,
+  "forks": 33,
+  "open_issues": 3,
+  "watchers": 5,
   "rate_limit": "public"
 }

vix-site/src/App.vue

@@ -27,12 +27,12 @@
 </template>
 
 <script setup>
-import { inject, computed, onMounted, ref } from "vue";
+import { computed, inject, onBeforeUnmount, onMounted, ref } from "vue";
 
-import SiteHeader from "./components/SiteHeader.vue";
-import SiteFooter from "./components/SiteFooter.vue";
-import PwaUpdateToast from "./components/PwaUpdateToast.vue";
-import PwaInstallToast from "./components/PwaInstallToast.vue";
+import SiteHeader from "./components/layout/SiteHeader.vue";
+import SiteFooter from "./components/layout/SiteFooter.vue";
+import PwaInstallToast from "./components/pwa/PwaInstallToast.vue";
+import PwaUpdateToast from "./components/pwa/PwaUpdateToast.vue";
 
 const store = inject("pwaToast");
 const showPwaToast = computed(() => store?.show?.value === true);
@@ -97,6 +97,7 @@ async function triggerInstall() {
 
 function onBeforeInstallPrompt(e) {
   e.preventDefault();
+
   deferredPrompt = e;
   canInstall.value = true;
 
@@ -120,6 +121,11 @@ onMounted(() => {
   window.addEventListener("beforeinstallprompt", onBeforeInstallPrompt);
   window.addEventListener("appinstalled", onAppInstalled);
 });
+
+onBeforeUnmount(() => {
+  window.removeEventListener("beforeinstallprompt", onBeforeInstallPrompt);
+  window.removeEventListener("appinstalled", onAppInstalled);
+});
 </script>
 
 <style scoped>