forked from didirus/AstralRinth
1b1d41605b
* refactor: start refactor of pyro servers module-based class * refactor: finish modules * refactor: start on type checking + matching api * refactor: finish pyro servers composable refactor * refactor: pyro -> modrinth * fix: import not refactored * fix: broken power action enums * fix: remove pyro mentions * fix: lint * refactor: fix option pages * fix: error renames * remove empty pyro-servers.ts file --------- Signed-off-by: IMB11 <hendersoncal117@gmail.com> Co-authored-by: Prospector <prospectordev@gmail.com>
42 lines
985 B
Vue
42 lines
985 B
Vue
<template>
|
|
<ConfirmModal
|
|
ref="modal"
|
|
danger
|
|
title="Are you sure you want to delete this backup?"
|
|
proceed-label="Delete backup"
|
|
:confirmation-text="currentBackup?.name ?? 'null'"
|
|
has-to-type
|
|
@proceed="emit('delete', currentBackup)"
|
|
>
|
|
<BackupItem
|
|
v-if="currentBackup"
|
|
:backup="currentBackup"
|
|
preview
|
|
class="border-px border-solid border-button-border"
|
|
/>
|
|
</ConfirmModal>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref } from "vue";
|
|
import { ConfirmModal } from "@modrinth/ui";
|
|
import type { Backup } from "@modrinth/utils";
|
|
import BackupItem from "~/components/ui/servers/BackupItem.vue";
|
|
|
|
const emit = defineEmits<{
|
|
(e: "delete", backup: Backup | undefined): void;
|
|
}>();
|
|
|
|
const modal = ref<InstanceType<typeof ConfirmModal>>();
|
|
const currentBackup = ref<Backup | undefined>(undefined);
|
|
|
|
function show(backup: Backup) {
|
|
currentBackup.value = backup;
|
|
modal.value?.show();
|
|
}
|
|
|
|
defineExpose({
|
|
show,
|
|
});
|
|
</script>
|