mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 16:38:20 +01:00
43 lines
1 KiB
Vue
43 lines
1 KiB
Vue
<script setup lang="ts">
|
|
import type { DialogRootEmits, DialogRootProps } from "reka-ui";
|
|
import { useForwardPropsEmits } from "reka-ui";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "@/components/ui/dialog";
|
|
import Command from "./Command.vue";
|
|
|
|
const props = withDefaults(
|
|
defineProps<
|
|
DialogRootProps & {
|
|
title?: string;
|
|
description?: string;
|
|
}
|
|
>(),
|
|
{
|
|
title: "Command Palette",
|
|
description: "Search for a command to run...",
|
|
},
|
|
);
|
|
const emits = defineEmits<DialogRootEmits>();
|
|
|
|
const forwarded = useForwardPropsEmits(props, emits);
|
|
</script>
|
|
|
|
<template>
|
|
<Dialog v-bind="forwarded">
|
|
<DialogHeader class="sr-only">
|
|
<DialogTitle>{{ title }}</DialogTitle>
|
|
<DialogDescription>{{ description }}</DialogDescription>
|
|
</DialogHeader>
|
|
<DialogContent class="overflow-hidden p-0 ">
|
|
<Command>
|
|
<slot />
|
|
</Command>
|
|
</DialogContent>
|
|
</Dialog>
|
|
</template>
|