opnform/client/pages/templates/my-templates.vue

41 lines
1.1 KiB
Vue

<template>
<div class="flex flex-col min-h-full border-t">
<section class="py-12 sm:py-16 bg-gray-50 border-b border-gray-200">
<div class="px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto">
<div class="text-center max-w-xl mx-auto">
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight text-gray-900">
My Form Templates
</h1>
<p class="text-gray-600 mt-4 text-lg font-normal">
Share your best form as templates so that others can re-use them!
</p>
</div>
</div>
</section>
<templates-list :templates="templates" :loading="loading" :show-types="false" :show-industries="false"/>
</div>
</template>
<script setup>
definePageMeta({
middleware: "auth"
})
useOpnSeoMeta({
title: 'My Templates',
description: 'Our collection of beautiful templates to create your own forms!'
})
let loading = ref(false)
let templates = ref([])
onMounted(() => {
loading.value = true
opnFetch('templates',{query: {onlymy: true}}).then((data) => {
loading.value = false
templates.value = data
})
})
</script>