Add hotlink viewer page at /h/:id/:secret.

2026-10-26 23:06:28 +01:00
parent bf36b1d2aa
commit dfc52749b2
3 changed files with 34 additions and 3 deletions
@@ -0,0 +1,24 @@
+<template>
+    <main class="flex min-h-screen items-center justify-center p-4">
+        <img v-if="imageSrc" :src="imageSrc" class="max-h-[80vh] max-w-full object-contain" />
+    </main>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
+import { buildHotlinkImagePath } from '@/utils/share/buildHotlinkImagePath';
+
+const route = useRoute();
+
+const imageSrc = computed((): string | null => {
+    const uploadId = route.params.id;
+    const secret = route.params.secret;
+
+    if (typeof uploadId !== 'string' || typeof secret !== 'string' || !uploadId || !secret) {
+        return null;
+    }
+
+    return buildHotlinkImagePath(uploadId, secret);
+});
+</script>