From a51e412cb83efb8443f251a2831a4cdc0a91ba47 Mon Sep 17 00:00:00 2001
From: Natty <natty.sh.git@gmail.com>
Date: Sat, 13 Jan 2024 03:58:27 +0100
Subject: [PATCH] Frontend: Fixed media preview JS gallery

---
 fe_calckey/frontend/client/src/components/MkMediaList.vue | 4 +++-
 fe_calckey/frontend/client/src/pages/explore.users.vue    | 5 +----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/fe_calckey/frontend/client/src/components/MkMediaList.vue b/fe_calckey/frontend/client/src/components/MkMediaList.vue
index 52d09e5..9190360 100644
--- a/fe_calckey/frontend/client/src/components/MkMediaList.vue
+++ b/fe_calckey/frontend/client/src/components/MkMediaList.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted } from "vue";
+import { onMounted, ref } from "vue";
 import * as misskey from "calckey-js";
 import PhotoSwipeLightbox from "photoswipe/lightbox";
 import PhotoSwipe from "photoswipe";
@@ -68,6 +68,7 @@ const props = defineProps<{
     inDm?: boolean;
 }>();
 
+const gallery = ref(null);
 const pswpZIndex = os.claimZIndex("middle");
 
 onMounted(() => {
@@ -103,6 +104,7 @@ onMounted(() => {
                 }
                 return item;
             }),
+        gallery: gallery.value,
         children: ".image",
         thumbSelector: ".image",
         loop: false,
diff --git a/fe_calckey/frontend/client/src/pages/explore.users.vue b/fe_calckey/frontend/client/src/pages/explore.users.vue
index ae85b74..c89d577 100644
--- a/fe_calckey/frontend/client/src/pages/explore.users.vue
+++ b/fe_calckey/frontend/client/src/pages/explore.users.vue
@@ -1,4 +1,3 @@
-4.8 KiB
 <template>
     <MkSpacer :content-max="1200">
         <MkTab v-model="origin" style="margin-bottom: var(--margin)">
@@ -141,15 +140,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, watch } from "vue";
+import { watch } from "vue";
 import XUserList from "@/components/MkUserList.vue";
 import MkFolder from "@/components/MkFolder.vue";
 import MkTab from "@/components/MkTab.vue";
-import number from "@/filters/number";
 import * as os from "@/os";
 import { i18n } from "@/i18n";
 import { $i } from "@/account";
-import { instance } from "@/instance";
 
 const props = defineProps<{
     tag?: string;