Remove NuxtImg for non asset files

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"

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>

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"
           />

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>

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"
             />

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"

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>

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>

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>
 

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"
         />

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"
             />
 

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>

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"

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>

client/pages/templates/index.vue

@@ -23,7 +23,7 @@
 import {loadAllTemplates} from "~/stores/templates.js";
 
 defineRouteRules({
-  swr: 3600
+  // swr: 3600
 })
 
 useOpnSeoMeta({

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'