[FEAT] Disable page nav. anim.

src/App.vue

@@ -7,9 +7,7 @@
       <Breadcrumbs class="mb-6" />
 
       <router-view v-slot="{ Component }">
-        <transition name="fade" mode="out-in">
+        <component :is="Component" />
-          <component :is="Component" />
-        </transition>
       </router-view>
     </div>
 
@@ -88,14 +86,4 @@
   };
 </script>
 
-<style>
-  .fade-enter-active,
-  .fade-leave-active {
-    transition: opacity 0.2s ease;
-  }
 
-  .fade-enter-from,
-  .fade-leave-to {
-    opacity: 0;
-  }
-</style>

src/components/FileUploader.vue

@@ -23,10 +23,10 @@
         </div>
       </div>
 
-      <h3 class="text-xl sm:text-2xl font-bold text-gray-800 dark:text-gray-100 mb-3">
+      <span class="text-xl sm:text-2xl font-bold text-gray-800 dark:text-gray-100">
         <span v-if="isDragging">Drop your files here</span>
-        <span v-else>Upload Your Sprites</span>
+        <span v-else>Upload your sprites</span>
-      </h3>
+      </span>
       <p class="text-base sm:text-lg text-gray-600 dark:text-gray-300 mb-2">Drag and drop sprite images or JSON files</p>
       <p class="text-sm text-gray-500 dark:text-gray-400 mb-8">Supports PNG, JPG, GIF, and JSON</p>
 
@@ -38,7 +38,7 @@
 
       <button class="px-8 py-3.5 bg-blue-500 hover:bg-blue-600 dark:bg-blue-600 dark:hover:bg-blue-700 text-white font-semibold rounded-xl shadow-lg hover:shadow-xl flex items-center justify-center gap-3 mx-auto" data-rybbit-event="select-files">
         <i class="fas fa-folder-open text-lg"></i>
-        <span>Browse Files</span>
+        <span>Browse files</span>
       </button>
     </div>
   </div>