opnform/client/pages/templates/index.vue

36 lines
1.1 KiB
Vue
Raw Normal View History

2023-12-09 14:47:03 +00:00
<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">
Form Templates
</h1>
<p class="text-gray-600 mt-4 text-lg font-normal">
Our collection of beautiful templates to create your own forms!
</p>
</div>
</div>
</section>
2023-12-19 17:57:31 +00:00
<templates-list :templates="templates" :loading="loading"/>
2023-12-09 14:47:03 +00:00
<open-form-footer class="mt-8 border-t"/>
</div>
</template>
<script setup>
2023-12-19 16:10:07 +00:00
import {loadAllTemplates} from "~/stores/templates.js";
2023-12-09 14:47:03 +00:00
// props: {
// metaTitle: { type: String, default: 'Templates' },
// metaDescription: { type: String, default: 'Our collection of beautiful templates to create your own forms!' }
// },
2023-12-09 14:47:03 +00:00
const templatesStore = useTemplatesStore()
2023-12-19 16:10:07 +00:00
loadAllTemplates(templatesStore)
2023-12-19 17:57:31 +00:00
const loading = computed(() => templatesStore.loading)
const templates = computed(() => templatesStore.getAll)
2023-12-09 14:47:03 +00:00
</script>