fix: re-ordering createReusableTemplate

This commit is contained in:
Saeid Zareie 2024-03-04 09:23:50 +03:30
parent 954ee8a280
commit d7cd511f75
2 changed files with 32 additions and 32 deletions

View File

@ -31,6 +31,22 @@ const isOpen = ref(false)
</script> </script>
<template> <template>
<UseTemplate>
<form class="grid items-start gap-4 px-4">
<div class="grid gap-2">
<Label html-for="email">Email</Label>
<Input id="email" type="email" default-value="shadcn@example.com" />
</div>
<div class="grid gap-2">
<Label html-for="username">Username</Label>
<Input id="username" default-value="@shadcn" />
</div>
<Button type="submit">
Save changes
</Button>
</form>
</UseTemplate>
<Dialog v-if="isDesktop" v-model:open="isOpen"> <Dialog v-if="isDesktop" v-model:open="isOpen">
<DialogTrigger as-child> <DialogTrigger as-child>
<Button variant="outline"> <Button variant="outline">
@ -71,20 +87,4 @@ const isOpen = ref(false)
</DrawerFooter> </DrawerFooter>
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
<UseTemplate>
<form class="grid items-start gap-4 px-4">
<div class="grid gap-2">
<Label html-for="email">Email</Label>
<Input id="email" type="email" default-value="shadcn@example.com" />
</div>
<div class="grid gap-2">
<Label html-for="username">Username</Label>
<Input id="username" default-value="@shadcn" />
</div>
<Button type="submit">
Save changes
</Button>
</form>
</UseTemplate>
</template> </template>

View File

@ -31,6 +31,22 @@ const isOpen = ref(false)
</script> </script>
<template> <template>
<UseTemplate>
<form class="grid items-start gap-4 px-4">
<div class="grid gap-2">
<Label html-for="email">Email</Label>
<Input id="email" type="email" default-value="shadcn@example.com" />
</div>
<div class="grid gap-2">
<Label html-for="username">Username</Label>
<Input id="username" default-value="@shadcn" />
</div>
<Button type="submit">
Save changes
</Button>
</form>
</UseTemplate>
<Dialog v-if="isDesktop" v-model:open="isOpen"> <Dialog v-if="isDesktop" v-model:open="isOpen">
<DialogTrigger as-child> <DialogTrigger as-child>
<Button variant="outline"> <Button variant="outline">
@ -71,20 +87,4 @@ const isOpen = ref(false)
</DrawerFooter> </DrawerFooter>
</DrawerContent> </DrawerContent>
</Drawer> </Drawer>
<UseTemplate>
<form class="grid items-start gap-4 px-4">
<div class="grid gap-2">
<Label html-for="email">Email</Label>
<Input id="email" type="email" default-value="shadcn@example.com" />
</div>
<div class="grid gap-2">
<Label html-for="username">Username</Label>
<Input id="username" default-value="@shadcn" />
</div>
<Button type="submit">
Save changes
</Button>
</form>
</UseTemplate>
</template> </template>