From 78a3d78a7f6c5bc423b5e2eec84fe9d831edb4a5 Mon Sep 17 00:00:00 2001 From: syuilo <Syuilotan@yahoo.co.jp> Date: Wed, 22 Mar 2023 09:09:43 +0900 Subject: [PATCH] fix drive-cleaner --- packages/frontend/src/pages/settings/drive-cleaner.vue | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/frontend/src/pages/settings/drive-cleaner.vue b/packages/frontend/src/pages/settings/drive-cleaner.vue index 2342280ca7..8178343bbb 100644 --- a/packages/frontend/src/pages/settings/drive-cleaner.vue +++ b/packages/frontend/src/pages/settings/drive-cleaner.vue @@ -43,7 +43,7 @@ </template> <script setup lang="ts"> -import { ref, watch } from 'vue'; +import { computed, ref, watch } from 'vue'; import tinycolor from 'tinycolor2'; import * as os from '@/os'; import MkPagination from '@/components/MkPagination.vue'; @@ -55,11 +55,11 @@ import { definePageMetadata } from '@/scripts/page-metadata'; import MkSelect from '@/components/MkSelect.vue'; import { getDriveFileMenu } from '@/scripts/get-drive-file-menu'; -let sortMode = '+size'; +let sortMode = ref('+size'); const pagination = { endpoint: 'drive/files' as const, limit: 10, - params: { sort: sortMode }, + params: computed(() => ({ sort: sortMode.value })), }; const sortOptions = [ @@ -77,12 +77,12 @@ fetchDriveInfo(); watch(sortModeSelect, () => { switch (sortModeSelect.value) { case 'sizeDesc': - sortMode = '+size'; + sortMode.value = '+size'; fetchDriveInfo(); break; case 'createdAtAsc': - sortMode = '-createdAt'; + sortMode.value = '-createdAt'; fetchDriveInfo(); break; }