limepotato/jormungandr-bite
1
0
Fork 0
mirror of https://iceshrimp.dev/limepotato/jormungandr-bite.git synced 2024-11-25 11:27:31 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix Meilisearch widget reactivity

Browse source
This commit is contained in:
PrivateGER 2023-05-28 02:58:20 +02:00
parent 40b9f87bef
commit 01ce43e6ad
1 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
packages/client/src/widgets/server-metric/meilisearch.vue
View file

@ -11,17 +11,32 @@
</template>
<script lang="ts" setup>
import {} from "vue";
import {onBeforeUnmount, onMounted} from "vue";
import bytes from "@/filters/bytes";
import {i18n} from "@/i18n";
const props = defineProps<{
meta: any; // TODO
connection: any;
meta: any;
}>();
const total_size = $computed(() => props.meta.meilisearch.size);
const index_count = $computed(() => props.meta.meilisearch.indexed_count);
const available = $computed(() => props.meta.meilisearch.health);
let total_size: number = $ref(0);
let index_count: number = $ref(0);
let available: string = $ref("unavailable");
function onStats(stats) {
total_size = stats.meilisearch.size;
index_count = stats.meilisearch.indexed_count;
available = stats.meilisearch.available;
}
onMounted(() => {
props.connection.on("stats", onStats);
});
onBeforeUnmount(() => {
props.connection.off("stats", onStats);
});
</script>
<style lang="scss" scoped>