0351d front end linting (#377)

* feat: disable custom script for  trial users

* after lint fix

* frontend linting

---------

Co-authored-by: Julien Nahum <julien@nahum.net>

client/pages/templates/industries/[slug].vue

@@ -1,8 +1,11 @@
 <template>
   <div class="flex flex-col min-h-full">
-    <breadcrumb :path="breadcrumbs"/>
+    <breadcrumb :path="breadcrumbs" />
 
-    <p v-if="industry === null || !industry" class="text-center my-4">
+    <p
+      v-if="industry === null || !industry"
+      class="text-center my-4"
+    >
       We could not find this industry.
     </p>
     <template v-else>
@@ -12,7 +15,9 @@
             <div class="font-semibold sm:w-full text-blue-500 mb-3">
               {{ industry.name }}
             </div>
-            <h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight text-gray-900">
+            <h1
+              class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight text-gray-900"
+            >
               {{ industry.meta_title }}
             </h1>
             <p class="max-w-xl mx-auto text-gray-600 mt-4 text-lg font-normal">
@@ -22,8 +27,11 @@
         </div>
       </section>
 
-
-      <templates-list :templates="templates" :filter-industries="false" :show-industries="false">
+      <templates-list
+        :templates="templates"
+        :filter-industries="false"
+        :show-industries="false"
+      >
         <template #before-lists>
           <section class="py-12 bg-white border-t border-gray-200 sm:py-16">
             <div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
@@ -36,66 +44,77 @@
       </templates-list>
     </template>
 
-    <open-form-footer class="mt-8 border-t"/>
+    <open-form-footer class="mt-8 border-t" />
   </div>
 </template>
 
 <script setup>
-import {computed} from 'vue'
-import Breadcrumb from '~/components/global/Breadcrumb.vue'
-import {loadAllTemplates} from "~/stores/templates.js";
+import { computed } from "vue"
+import Breadcrumb from "~/components/global/Breadcrumb.vue"
+import { loadAllTemplates } from "~/stores/templates.js"
 
 defineRouteRules({
-  swr: 3600
+  swr: 3600,
 })
 
 const route = useRoute()
-const authStore = useAuthStore()
 const templatesStore = useTemplatesStore()
 
 loadAllTemplates(templatesStore)
 
 // Computed
-const authenticated = computed(() => authStore.check)
-const user = computed(() => authStore.user)
-const templates = computed(() => templatesStore.getAll.filter((item) => {
-  return (item.industries && item.industries.length > 0) ? item.industries.includes(route.params.slug) : false
-}))
+const templates = computed(() =>
+  templatesStore.getAll.filter((item) => {
+    return item.industries && item.industries.length > 0
+      ? item.industries.includes(route.params.slug)
+      : false
+  }),
+)
 const breadcrumbs = computed(() => {
-  if (!industry) {
-    return [{route: {name: 'templates'}, label: 'Templates'}]
+  if (!industry.value) {
+    return [{ route: { name: "templates" }, label: "Templates" }]
   }
-  return [{route: {name: 'templates'}, label: 'Templates'}, {label: industry.value.name}]
+  return [
+    { route: { name: "templates" }, label: "Templates" },
+    { label: industry.value.name },
+  ]
 })
 
-const industry = computed(() => templatesStore.industries.get(route.params.slug))
+const industry = computed(() =>
+  templatesStore.industries.get(route.params.slug),
+)
 
 useOpnSeoMeta({
   title: () => {
-    if (!industry.value) return 'Form Templates'
+    if (!industry.value) return "Form Templates"
     if (industry.value.meta_title.length > 60) {
       return industry.value.meta_title
     }
     return industry.value.meta_title
   },
-  description: () => industry.value ? industry.value.meta_description: 'Our collection of beautiful templates to create your own forms!'
+  description: () =>
+    industry.value
+      ? industry.value.meta_description
+      : "Our collection of beautiful templates to create your own forms!",
 })
 useHead({
   titleTemplate: (titleChunk) => {
     // Disable title template for longer titles
-    if (industry.value
-      && industry.value.meta_title.length < 60
-      && !industry.value.meta_title.toLowerCase().includes('opnform')
+    if (
+      industry.value &&
+      industry.value.meta_title.length < 60 &&
+      !industry.value.meta_title.toLowerCase().includes("opnform")
     ) {
-      return titleChunk ? `${titleChunk} - OpnForm` : 'Form Templates - OpnForm'
+      return titleChunk
+        ? `${titleChunk} - OpnForm`
+        : "Form Templates - OpnForm"
     }
-    return titleChunk ? titleChunk : 'Form Templates - OpnForm'
-  }
+    return titleChunk ? titleChunk : "Form Templates - OpnForm"
+  },
 })
-
 </script>
 
-<style lang='scss'>
+<style lang="scss">
 .nf-text {
   @apply space-y-4;
   h2 {
@@ -115,4 +134,3 @@ useHead({
   }
 }
 </style>
-