{"version":3,"file":"t4_yjCAb.js","sources":["../../../../components/global/Breadcrumb.vue","../../../../pages/features/[slug].vue"],"sourcesContent":["<template>\n  <section\n    class=\"sticky flex items-center inset-x-0 top-0 z-20 py-3 bg-white border-b border-gray-200\"\n  >\n    <div class=\"hidden md:flex flex-grow\">\n      <slot name=\"left\" />\n    </div>\n    <div class=\"px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl\">\n      <div class=\"flex items-center justify-center space-x-4\">\n        <div\n          v-if=\"displayHome\"\n          class=\"flex items-center\"\n        >\n          <NuxtLink\n            class=\"text-gray-400 hover:text-gray-500\"\n            :to=\"{ name: authenticated ? 'home' : 'index' }\"\n          >\n            <Icon\n              name=\"heroicons:home-20-solid\"\n              class=\"flex-shrink-0 w-5 h-5\"\n            />\n            <span class=\"sr-only\">Home</span>\n          </NuxtLink>\n          <Icon\n            name=\"heroicons:chevron-right-20-solid\"\n            class=\"flex-shrink-0 w-5 h-5 text-gray-400 ml-4\"\n          />\n        </div>\n\n        <div\n          v-for=\"(item, index) in path\"\n          :key=\"index\"\n          class=\"flex items-center\"\n        >\n          <NuxtLink\n            v-if=\"item.route\"\n            class=\"text-sm font-semibold text-gray-500 hover:text-gray-700 truncate\"\n            :to=\"item.route\"\n          >\n            {{ item.label }}\n          </NuxtLink>\n          <div\n            v-else\n            class=\"text-sm font-semibold sm:w-full w-36 text-blue-500 truncate\"\n          >\n            {{ item.label }}\n          </div>\n          <div v-if=\"index !== path.length - 1\">\n            <Icon\n              name=\"heroicons:chevron-right-20-solid\"\n              class=\"flex-shrink-0 w-5 h-5 text-gray-400 ml-4\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"hidden md:flex flex-grow justify-end\">\n      <slot name=\"right\" />\n    </div>\n  </section>\n</template>\n\n<script>\nimport { computed } from 'vue'\nimport { useAuthStore } from '../../stores/auth'\n\nexport default {\n  name: 'Breadcrumb',\n  props: {\n    /**\n     * route: Route object\n     * label: Label\n     */\n    path: { type: Array },\n  },\n\n  setup() {\n    const authStore = useAuthStore()\n    return {\n      authenticated: computed(() => authStore.check),\n    }\n  },\n\n  data() {\n    return {\n      displayHome: true,\n    }\n  },\n\n  computed: {},\n\n  mounted() {},\n\n  methods: {},\n}\n</script>\n","<template>\n  <div class=\"flex-grow\">\n    <breadcrumb :path=\"breadcrumbs\" />\n    <div class=\"flex flex-col\">\n      <div class=\"w-full md:max-w-3xl md:mx-auto px-4\">\n        <p v-if=\"feature === null || !feature\">\n          Feature does not exist.\n        </p>\n        <div v-else>\n          <div class=\"flex flex-wrap items-center mt-6 mb-4\">\n            <div class=\"flex w-full items-center\">\n              <h1 class=\"text-nt-blue text-3xl font-bold flex-grow\">\n                {{ feature.title }}\n              </h1>\n              <pro-tag\n                v-if=\"feature.pro_feature\"\n                class=\"ml-4\"\n              />\n              <enterprise-tag\n                v-if=\"feature.enterprise_feature\"\n                class=\"ml-4\"\n              />\n            </div>\n          </div>\n          <div class=\"mb-10\">\n            <div\n              class=\"w-full shadow-xl rounded-lg my-5 max-h-72 flex items-center justify-center overflow-hidden\"\n            >\n              <img\n                :src=\"featureImage\"\n                alt=\"Feature cover image\"\n                class=\"w-full object-cover\"\n              >\n            </div>\n            <div\n              class=\"mt-10\"\n              v-html=\"feature.body\"\n            />\n\n            <div v-if=\"Object.keys(feature.links ?? {}).length > 0\">\n              <h4 class=\"font-semibold mt-5\">\n                Related Links\n              </h4>\n              <ul class=\"list-disc list-inside\">\n                <li\n                  v-for=\"(value, name) in feature.links\"\n                  :key=\"name\"\n                >\n                  <a\n                    :href=\"value\"\n                    target=\"_blank\"\n                  >{{ name }}</a>\n                </li>\n              </ul>\n            </div>\n\n            <div v-if=\"relatedFeatures?.length > 0\">\n              <h4 class=\"font-semibold my-5\">\n                Related Features\n              </h4>\n              <div\n                class=\"grid max-w-3xl grid-cols-1 mx-auto text-center sm:text-left sm:grid-cols-2 gap-y-8 gap-x-8 lg:gap-x-20\"\n              >\n                <div\n                  v-for=\"(relatedFeature, index) in relatedFeatures\"\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/${relatedFeature.image_url}`\"\n                      alt=\"\"\n                    >\n                  </div>\n                  <p class=\"text-xl font-bold text-gray-900 mt-2\">\n                    {{ relatedFeature.title }}\n                  </p>\n                  <NuxtLink\n                    :to=\"{\n                      params: { slug: relatedFeature.slug },\n                      name: 'features-slug',\n                    }\"\n                  >\n                    <span\n                      class=\"absolute inset-0\"\n                      aria-hidden=\"true\"\n                    />\n                  </NuxtLink>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"bg-blue-500 p-8 rounded-md flex flex-col\">\n          <p class=\"text-center text-blue-200 text-sm\">\n            We are loved by startups, freelancers and many more. \n            Step up your Airtable game with beautiful forms. Get started now 👇\n          </p>\n          <h2 class=\"text-white font-semibold text-center my-4\">\n            Ready to step up your Airtable Game?\n          </h2>\n\n          <p class=\"text-center mt-4 block\">\n            <v-button\n              :to=\"{ name: 'register' }\"\n              color=\"white\"\n              class=\"mx-auto\"\n              font-weight=\"semibold\"\n            >\n              Create a form for free\n            </v-button>\n          </p>\n        </div>\n      </div>\n    </div>\n    <airtable-forms-footer />\n  </div>\n</template>\n\n<script setup>\nimport { computed } from 'vue'\nimport features from '~/data/features.json'\n\ndefineRouteRules({\n  swr: 3600,\n})\n\nconst slug = useRoute().params.slug\n\nconst feature = computed(() => {\n  return features.find(item => item.slug === slug)\n})\nconst relatedFeatures = computed(() => {\n  if (feature.value?.related_features?.length === 0)\n    return []\n  return features.filter(item =>\n    feature.value?.related_features\n      ? feature.value.related_features.includes(item.slug)\n      : false,\n  )\n})\nconst breadcrumbs = computed(() => {\n  if (!feature.value)\n    return [{ route: { name: 'features' }, label: 'Features' }]\n\n  return [\n    { route: { name: 'features' }, label: 'Features' },\n    { label: feature.value.title },\n  ]\n})\nconst featureImage = computed(() => {\n  {\n    {\n      feature\n    }\n  }\n  return feature.value\n    ? `/img/pages/features/${feature.value.image_url}`\n    : null\n})\n\nuseAirtableFormsSeoMeta({\n  title: () => {\n    if (!feature.value)\n      return 'Features'\n    return feature.value.title\n  },\n  ogImage() {\n    return featureImage\n  },\n})\n</script>\n"],"names":["_sfc_main","authStore","useAuthStore","computed","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_createElementVNode","_hoisted_9","_openBlock","_createElementBlock","_renderSlot","_ctx","$data","_hoisted_5","_createVNode","_component_NuxtLink","$setup","_withCtx","_component_Icon","_createCommentVNode","_Fragment","_renderList","$props","item","index","_createBlock","_createTextVNode","_toDisplayString","_hoisted_7","_hoisted_8","slug","useRoute","feature","features","relatedFeatures","_b","_a","breadcrumbs","featureImage","useAirtableFormsSeoMeta"],"mappings":"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"}