<template>
	<div>
		<XDrive
			ref="drive"
			:full-page-header="true"
			@cd="(x) => (folder = x)"
		/>
	</div>
</template>

<script lang="ts" setup>
import { computed, ref } from "vue";
import XDrive from "@/components/MkDrive.vue";
import { i18n } from "@/i18n";
import { definePageMetadata } from "@/scripts/page-metadata";
import icon from "@/scripts/icon";

const folder = ref(null);

definePageMetadata(
	computed(() => ({
		title: folder.value ? folder.value.name : i18n.ts.drive,
		icon: `${icon("ph-cloud")}`,
		hideHeader: true,
	})),
);
</script>
