From 9750406025623612587330dea0bf8c8ba974acd8 Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Wed, 10 Jan 2024 16:17:47 +0100
Subject: [PATCH] Remove NuxtImg for non asset files

---
 client/components/forms/components/UploadedFile.vue       | 2 +-
 client/components/global/Navbar.vue                       | 2 +-
 client/components/global/WorkspaceDropdown.vue            | 4 ++--
 client/components/open/forms/OpenFormField.vue            | 2 +-
 .../components/form-components/FormEditorPreview.vue      | 4 ++--
 client/components/open/tables/components/OpenFile.vue     | 2 +-
 client/components/pages/forms/show/FormQrCode.vue         | 4 ++--
 client/components/pages/templates/SingleTemplate.vue      | 2 +-
 client/pages/ai-form-builder.vue                          | 2 +-
 client/pages/forms/[slug]/index.vue                       | 4 ++--
 client/pages/home.vue                                     | 2 +-
 client/pages/index.vue                                    | 2 +-
 client/pages/settings/workspace.vue                       | 2 +-
 client/pages/templates/[slug].vue                         | 2 +-
 client/pages/templates/index.vue                          | 2 +-
 .../js/components/pages/templates/SingleTemplate.vue      | 1 -
 resources/js/components/pages/templates/TemplatesList.vue | 8 ++++----
 17 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/client/components/forms/components/UploadedFile.vue b/client/components/forms/components/UploadedFile.vue
index c690ea6..8b00e3a 100644
--- a/client/components/forms/components/UploadedFile.vue
+++ b/client/components/forms/components/UploadedFile.vue
@@ -4,7 +4,7 @@
     :title="file.file.name"
   >
     <div v-if="file.src && !isImageHide" class="h-20 overflow-hidden flex">
-      <NuxtImg class="block object-cover object-center w-full" :src="file.src" @error="isImageHide=true"/>
+      <img class="block object-cover object-center w-full" :src="file.src" @error="isImageHide=true"/>
     </div>
     <div v-else class="h-20 flex items-center justify-center">
       <svg class="w-10 h-10 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
diff --git a/client/components/global/Navbar.vue b/client/components/global/Navbar.vue
index 5f14d53..c72714d 100644
--- a/client/components/global/Navbar.vue
+++ b/client/components/global/Navbar.vue
@@ -53,7 +53,7 @@
                             class="flex items-center justify-center w-full rounded-md  px-4 py-2 text-sm text-gray-700 dark:text-gray-50 hover:bg-gray-50 dark:hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-gray-500"
                             dusk="nav-dropdown-button" @click.stop="toggle()"
                     >
-                      <NuxtImg :src="user.photo_url" class="rounded-full w-6 h-6"/>
+                      <img :src="user.photo_url" class="rounded-full w-6 h-6"/>
                       <p class="ml-2 hidden sm:inline">
                         {{ user.name }}
                       </p>
diff --git a/client/components/global/WorkspaceDropdown.vue b/client/components/global/WorkspaceDropdown.vue
index 9bfe604..ca8b2cc 100644
--- a/client/components/global/WorkspaceDropdown.vue
+++ b/client/components/global/WorkspaceDropdown.vue
@@ -6,7 +6,7 @@
     <template v-if="workspace" #trigger="{toggle}">
       <div class="flex items-center cursor group" role="button" @click.stop="toggle()">
         <div class="rounded-full h-8 8">
-          <NuxtImg v-if="isUrl(workspace.icon)"
+          <img v-if="isUrl(workspace.icon)"
                :src="workspace.icon"
                :alt="workspace.name + ' icon'" class="flex-shrink-0 h-8 w-8 rounded-full shadow"
           />
@@ -26,7 +26,7 @@
          :class="{'bg-blue-100 dark:bg-blue-900':workspace.id === worksp.id}" @click.prevent="switchWorkspace(worksp)"
       >
         <div class="rounded-full h-8 w-8 flex-shrink-0" role="button">
-          <NuxtImg v-if="isUrl(worksp.icon)"
+          <img v-if="isUrl(worksp.icon)"
                :src="worksp.icon"
                :alt="worksp.name + ' icon'" class="flex-shrink-0 h-8 w-8 rounded-full shadow"
           />
diff --git a/client/components/open/forms/OpenFormField.vue b/client/components/open/forms/OpenFormField.vue
index 978ab8c..a7b11d4 100644
--- a/client/components/open/forms/OpenFormField.vue
+++ b/client/components/open/forms/OpenFormField.vue
@@ -71,7 +71,7 @@
           <div v-if="!field.image_block" class="p-4 border border-dashed">
             Open <b>{{ field.name }}'s</b> block settings to upload image.
           </div>
-          <NuxtImg v-else :alt="field.name" :src="field.image_block" class="max-w-full"/>
+          <img v-else :alt="field.name" :src="field.image_block" class="max-w-full"/>
         </div>
       </template>
     </div>
diff --git a/client/components/open/forms/components/form-components/FormEditorPreview.vue b/client/components/open/forms/components/form-components/FormEditorPreview.vue
index 01c5041..9b78f3e 100644
--- a/client/components/open/forms/components/form-components/FormEditorPreview.vue
+++ b/client/components/open/forms/components/form-components/FormEditorPreview.vue
@@ -16,13 +16,13 @@
             <div id="cover-picture"
                  class="max-h-56 rounded-t-lg w-full overflow-hidden flex items-center justify-center"
             >
-              <NuxtImg alt="Cover Picture" :src="coverPictureSrc(form.cover_picture)" class="w-full"/>
+              <img alt="Cover Picture" :src="coverPictureSrc(form.cover_picture)" class="w-full"/>
             </div>
           </div>
           <div v-if="form.logo_picture" class="w-full mx-auto p-5 relative"
                :class="{'pt-20':!form.cover_picture, 'max-w-lg': form && (form.width === 'centered')}"
           >
-            <NuxtImg alt="Logo Picture" :src="coverPictureSrc(form.logo_picture)"
+            <img alt="Logo Picture" :src="coverPictureSrc(form.logo_picture)"
                  :class="{'top-5':!form.cover_picture, '-top-10':form.cover_picture}"
                  class="w-20 h-20 object-contain absolute left-5 transition-all"
             />
diff --git a/client/components/open/tables/components/OpenFile.vue b/client/components/open/tables/components/OpenFile.vue
index d4832d6..5fc8b47 100644
--- a/client/components/open/tables/components/OpenFile.vue
+++ b/client/components/open/tables/components/OpenFile.vue
@@ -8,7 +8,7 @@
          rel="nofollow"
       >
   <div v-if="isImage(file.file_url)" class="w-8 h-8">
-    <NuxtImg class="object-cover h-full w-full rounded" :src="file.file_url"/>
+    <img class="object-cover h-full w-full rounded" :src="file.file_url"/>
   </div>
   <span v-else
         class="py-1 px-2"
diff --git a/client/components/pages/forms/show/FormQrCode.vue b/client/components/pages/forms/show/FormQrCode.vue
index 7fc5c49..081d8d4 100644
--- a/client/components/pages/forms/show/FormQrCode.vue
+++ b/client/components/pages/forms/show/FormQrCode.vue
@@ -3,7 +3,7 @@
     <h3 class="font-semibold text-xl">QR Code</h3>
     <p>Scan the QR code to open the form (Right click to copy the image)</p>
     <div class="flex items-center">
-      <NuxtImg v-if="QrUrl" :src="QrUrl" class="m-auto" />
+      <img v-if="QrUrl" :src="QrUrl" class="m-auto" />
     </div>
   </div>
 </template>
@@ -18,7 +18,7 @@ export default {
   },
 
   data () {
-    return { 
+    return {
       QrUrl: null
     }
   },
diff --git a/client/components/pages/templates/SingleTemplate.vue b/client/components/pages/templates/SingleTemplate.vue
index fa8ee30..8b403da 100644
--- a/client/components/pages/templates/SingleTemplate.vue
+++ b/client/components/pages/templates/SingleTemplate.vue
@@ -17,7 +17,7 @@
     </div>
 
     <div class="aspect-[4/3] rounded-lg shadow-sm overflow-hidden">
-      <NuxtImg class="group-hover:scale-110 transition-all duration-200 h-full object-cover w-full"
+      <img class="group-hover:scale-110 transition-all duration-200 h-full object-cover w-full"
            :src="template.image_url" alt=""
       />
     </div>
diff --git a/client/pages/ai-form-builder.vue b/client/pages/ai-form-builder.vue
index a57bb9e..9a0affb 100644
--- a/client/pages/ai-form-builder.vue
+++ b/client/pages/ai-form-builder.vue
@@ -3,7 +3,7 @@
     <!-- START HERO -->
     <section class="bg-gradient-to-b relative from-white to-gray-100 py-12 sm:py-16 lg:py-20 xl:py-24">
         <div class="absolute inset-0">
-          <NuxtImg class="w-full h-full object-cover object-top" src="/img/pages/ai_form_builder/background-pattern.svg" alt=""/>
+          <img class="w-full h-full object-cover object-top" src="/img/pages/ai_form_builder/background-pattern.svg" alt=""/>
 
         </div>
 
diff --git a/client/pages/forms/[slug]/index.vue b/client/pages/forms/[slug]/index.vue
index 5bd2d48..6fd6770 100644
--- a/client/pages/forms/[slug]/index.vue
+++ b/client/pages/forms/[slug]/index.vue
@@ -3,13 +3,13 @@
     <div v-if="form && !isIframe && (form.logo_picture || form.cover_picture)">
       <div v-if="form.cover_picture">
         <div id="cover-picture" class="max-h-56 w-full overflow-hidden flex items-center justify-center">
-          <NuxtImg alt="Form Cover Picture" :src="form.cover_picture" class="w-full"/>
+          <img alt="Form Cover Picture" :src="form.cover_picture" class="w-full"/>
         </div>
       </div>
       <div v-if="form.logo_picture" class="w-full p-5 relative mx-auto"
            :class="{'pt-20':!form.cover_picture, 'md:w-3/5 lg:w-1/2 md:max-w-2xl': form.width === 'centered', 'max-w-7xl': (form.width === 'full' && !isIframe) }"
       >
-        <NuxtImg alt="Logo Picture" :src="form.logo_picture"
+        <img alt="Logo Picture" :src="form.logo_picture"
              :class="{'top-5':!form.cover_picture, '-top-10':form.cover_picture}"
              class="w-20 h-20 object-contain absolute left-5 transition-all"
         />
diff --git a/client/pages/home.vue b/client/pages/home.vue
index 01f9b1d..bcb46cd 100644
--- a/client/pages/home.vue
+++ b/client/pages/home.vue
@@ -40,7 +40,7 @@
             </div>
           </div>
           <div v-if="!formsLoading && enrichedForms.length === 0" class="flex flex-wrap justify-center max-w-4xl">
-            <NuxtImg loading="lazy" class="w-56"
+            <NuxtImg class="w-56"
                  src="/img/pages/forms/search_notfound.png" alt="search-not-found"
             />
 
diff --git a/client/pages/index.vue b/client/pages/index.vue
index 0eb6a24..b1a2a4c 100644
--- a/client/pages/index.vue
+++ b/client/pages/index.vue
@@ -2,7 +2,7 @@
   <div>
     <section class="bg-gradient-to-b relative from-white to-gray-100 py-8 sm:py-16 ">
       <div class="absolute inset-0">
-        <NuxtImg class="w-full h-full object-cover object-top"
+        <img class="w-full h-full object-cover object-top"
              src="/img/pages/ai_form_builder/background-pattern.svg" alt="Page abstract background"
         />
       </div>
diff --git a/client/pages/settings/workspace.vue b/client/pages/settings/workspace.vue
index 129928b..0048ff2 100644
--- a/client/pages/settings/workspace.vue
+++ b/client/pages/settings/workspace.vue
@@ -25,7 +25,7 @@
     <div v-else-if="workspace">
       <div class="mt-4 flex group bg-white items-center">
         <div class="flex space-x-4 flex-grow items-center">
-          <NuxtImg v-if="isUrl(workspace.icon)" :src="workspace.icon" :alt="workspace.name + ' icon'"
+          <img v-if="isUrl(workspace.icon)" :src="workspace.icon" :alt="workspace.name + ' icon'"
                class="rounded-full h-12 w-12"
           />
           <div v-else class="rounded-2xl bg-gray-100 h-12 w-12 text-2xl pt-2 text-center overflow-hidden"
diff --git a/client/pages/templates/[slug].vue b/client/pages/templates/[slug].vue
index d7bd76d..00c9bf2 100644
--- a/client/pages/templates/[slug].vue
+++ b/client/pages/templates/[slug].vue
@@ -33,7 +33,7 @@
         <div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
           <div class="flex flex-col items-center justify-center max-w-4xl gap-8 mx-auto md:gap-12 md:flex-row">
             <div class="aspect-[4/3] shrink-0 rounded-lg shadow-sm overflow-hidden group max-w-xs">
-              <NuxtImg class="object-cover w-full h-full transition-all duration-200 group-hover:scale-110"
+              <img class="object-cover w-full h-full transition-all duration-200 group-hover:scale-110"
                    :src="template.image_url" alt="Template cover image"
               />
             </div>
diff --git a/client/pages/templates/index.vue b/client/pages/templates/index.vue
index b8c8347..362f096 100644
--- a/client/pages/templates/index.vue
+++ b/client/pages/templates/index.vue
@@ -23,7 +23,7 @@
 import {loadAllTemplates} from "~/stores/templates.js";
 
 defineRouteRules({
-  swr: 3600
+  // swr: 3600
 })
 
 useOpnSeoMeta({
diff --git a/resources/js/components/pages/templates/SingleTemplate.vue b/resources/js/components/pages/templates/SingleTemplate.vue
index cd8208d..306a4e1 100644
--- a/resources/js/components/pages/templates/SingleTemplate.vue
+++ b/resources/js/components/pages/templates/SingleTemplate.vue
@@ -39,7 +39,6 @@
 </template>
 
 <script>
-import { computed } from 'vue'
 import { useTemplatesStore } from '../../../stores/templates'
 import TemplateTags from './TemplateTags.vue'
 
diff --git a/resources/js/components/pages/templates/TemplatesList.vue b/resources/js/components/pages/templates/TemplatesList.vue
index 5a2468f..d2e34f1 100644
--- a/resources/js/components/pages/templates/TemplatesList.vue
+++ b/resources/js/components/pages/templates/TemplatesList.vue
@@ -44,8 +44,8 @@
           </div>
 
           <div class="grid grid-cols-1 gap-8 mt-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <router-link v-for="row in types" :key="row.slug" 
-                        :to="{params:{slug:row.slug}, name:'templates.types.show'}" 
+            <router-link v-for="row in types" :key="row.slug"
+                        :to="{params:{slug:row.slug}, name:'templates.types.show'}"
                         :title="row.name"
                         class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
             >
@@ -64,8 +64,8 @@
           </div>
 
           <div class="grid grid-cols-1 gap-8 mt-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
-            <router-link v-for="row in industries" :key="row.slug" 
-                        :to="{params:{slug:row.slug}, name:'templates.industries.show'}" 
+            <router-link v-for="row in industries" :key="row.slug"
+                        :to="{params:{slug:row.slug}, name:'templates.industries.show'}"
                         :title="row.name"
                         class="text-gray-600 dark:text-gray-400 transition-colors duration-300 hover:text-nt-blue"
             >