<template>
	<div class="graojtoi">
		<MkSample />
	</div>
</template>

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

const headerActions = $computed(() => []);

const headerTabs = $computed(() => []);

definePageMetadata(
	computed(() => ({
		title: i18n.ts.preview,
		icon: "ph-eye ph-bold ph-lg",
	})),
);
</script>

<style lang="scss" scoped>
.graojtoi {
	padding: var(--margin);
}
</style>
