{"version":3,"file":"C9aLm1Pt.js","sources":["../../../../pages/features/index.vue"],"sourcesContent":["<template>\n  <div class=\"flex-grow\">\n    <div class=\"mt-6 flex flex-col\">\n      <div class=\"w-full md:max-w-3xl md:mx-auto px-4\">\n        <h1 class=\"mb-4\">\n          AirFormTable Features\n        </h1>\n        <p>\n          Here are some of our main features. If you have a precise need, please\n          feel free to contact us, or even to\n          <a href=\"https://notionforms.canny.io/feature-requests\">leave a feature request</a>.\n        </p>\n        <div class=\"my-10\">\n          <text-input\n            v-if=\"features.length > 4\"\n            :form=\"searchFeature\"\n            name=\"search\"\n            label=\"Search a feature\"\n            placeholder=\"Type feature term...\"\n          />\n          <div\n            v-if=\"features && features.length\"\n            class=\"grid max-w-3xl grid-cols-1 mx-auto text-center sm:text-left mt-8 sm:grid-cols-2 gap-y-8 gap-x-8 lg:gap-x-20\"\n          >\n            <div\n              v-for=\"(feature, index) in enrichedFeatures\"\n              :key=\"index\"\n              class=\"relative group\"\n            >\n              <div\n                class=\"overflow-hidden rounded-lg aspect-w-16 aspect-h-9 shadow-lg\"\n              >\n                <img\n                  class=\"object-cover w-full h-full transition-all duration-300 transform group-hover:scale-110\"\n                  :src=\"`/img/pages/features/${feature.image_url}`\"\n                  alt=\"\"\n                >\n              </div>\n              <p class=\"text-xl font-bold text-gray-900 mt-2\">\n                {{ feature.title }}\n              </p>\n              <p class=\"text-sm group-hover:underline\">\n                <NuxtLink\n                  class=\"text-gray-500\"\n                  :to=\"{\n                    params: { slug: feature.slug },\n                    name: 'features-slug',\n                  }\"\n                >\n                  Read More\n                </NuxtLink>\n              </p>\n              <NuxtLink\n                :to=\"{ params: { slug: feature.slug }, name: 'features-slug' }\"\n                title=\"\"\n              >\n                <span\n                  class=\"absolute inset-0\"\n                  aria-hidden=\"true\"\n                />\n              </NuxtLink>\n            </div>\n            <p>\n              And much more!\n              <NuxtLink :to=\"{ name: 'register' }\">\n                Try AirFormTable for free.\n              </NuxtLink>\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <airtable-forms-footer />\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport Fuse from 'fuse.js'\nimport features from '~/data/features.json'\n\nuseAirtableFormsSeoMeta({\n  title: 'Features',\n  description:\n    \"Discover AirformTable's features. We have everything you need to build beautiful forms!\",\n})\n\ndefineRouteRules({\n  swr: 3600,\n})\n\nconst searchFeature = useForm({\n  search: '',\n})\n\nconst enrichedFeatures = computed(() => {\n  const featuresList = features\n\n  if (searchFeature.search === '' || searchFeature.search === null)\n    return featuresList\n\n  // Fuze search\n  const fuzeOptions = {\n    keys: ['title', 'slug', 'body'],\n  }\n  const fuse = new Fuse(featuresList, fuzeOptions)\n  return fuse.search(searchFeature.search).map((res) => {\n    return res.item\n  })\n})\n</script>\n"],"names":["useAirtableFormsSeoMeta","searchFeature","useForm","enrichedFeatures","computed","featuresList","features","fuzeOptions","Fuse","res"],"mappings":"u0CAiFAA,EAAwB,CACtB,MAAO,WACP,YACE,yFACJ,CAAC,EAMD,MAAMC,EAAgBC,EAAQ,CAC5B,OAAQ,EACV,CAAC,EAEKC,EAAmBC,EAAS,IAAM,CACtC,MAAMC,EAAeC,EAErB,GAAIL,EAAc,SAAW,IAAMA,EAAc,SAAW,KAC1D,OAAOI,EAGT,MAAME,EAAc,CAClB,KAAM,CAAC,QAAS,OAAQ,MAAM,CAC/B,EAED,OADa,IAAIC,EAAKH,EAAcE,CAAW,EACnC,OAAON,EAAc,MAAM,EAAE,IAAKQ,GACrCA,EAAI,IACZ,CACH,CAAC"}