fix: remove nuxt image where it doesnt work

Because of its dynamic nature
Rule-34 · Dec 19, 2023 · da2e168 · da2e168
1 parent 0fc3018
commit da2e168
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 11 deletions.
diff --git a/components/pages/home/FeaturedTags.vue b/components/pages/home/FeaturedTags.vue
@@ -31,9 +31,9 @@
       >
         <figure>
           <!-- Fix(rounded borders): add the same rounded borders that the parent has -->
-          <NuxtImg
+          <img
             :alt="'Featured tag: ' + tag.name"
-            :src="getRandomImage(tag.images)"
+            :src="tag.images[0]"
             class="h-auto w-full rounded-t-md"
             loading="lazy"
             style="aspect-ratio: 800/1200"

diff --git a/components/pages/posts/navigation/DomainSelector.vue b/components/pages/posts/navigation/DomainSelector.vue
@@ -49,11 +49,11 @@
       <!-- Select -->
       <ListboxButton
         :class="[props.compact ? 'flex w-auto items-stretch !rounded-full !p-2.5' : 'w-56']"
-        class="hover:hover-text-util focus-visible:focus-outline-util hover:hover-bg-util relative cursor-default rounded-md py-1.5 pl-3 pr-10 text-left ring-1 ring-inset ring-base-0/20 bg-transparent sm:text-sm sm:leading-6"
+        class="hover:hover-text-util focus-visible:focus-outline-util hover:hover-bg-util relative cursor-default rounded-md bg-transparent py-1.5 pl-3 pr-10 text-left ring-1 ring-inset ring-base-0/20 sm:text-sm sm:leading-6"
         v-bind="$attrs"
       >
         <span class="flex items-center">
-          <NuxtImg
+          <img
             :src="`https://www.google.com/s2/favicons?domain=${props.modelValue.domain}&sz=128`"
             alt="Favicon"
             class="h-5 w-5 flex-shrink-0 rounded"
@@ -101,7 +101,7 @@
             class="relative cursor-default select-none py-2 pl-3 pr-14"
           >
             <div class="flex items-center">
-              <NuxtImg
+              <img
                 :src="`https://www.google.com/s2/favicons?domain=${booru.domain}&sz=128`"
                 alt="Favicon"
                 class="h-5 w-5 flex-shrink-0 rounded"

diff --git a/components/pages/posts/post/PostMedia.vue b/components/pages/posts/post/PostMedia.vue
@@ -145,7 +145,7 @@
     <!-- Image -->
     <template v-else-if="isImage">
       <!-- Fix(rounded borders): add the same rounded borders that the parent has -->
-      <NuxtImg
+      <img
         :alt="mediaAlt"
         :class="[mediaHasLoaded ? 'opacity-100' : 'opacity-0']"
         :height="mediaSrcHeight"

diff --git a/components/pages/posts/post/PostSource.vue b/components/pages/posts/post/PostSource.vue
@@ -128,7 +128,7 @@
                 class="group flex w-full items-center px-4 py-2 text-sm"
                 target="_blank"
               >
-                <NuxtImg
+                <img
                   :src="`https://www.google.com/s2/favicons?domain=${getHostnameFromUrl(source)}&sz=128`"
                   alt="Favicon"
                   class="mr-3 h-5 w-5 flex-shrink-0 rounded"
@@ -162,7 +162,7 @@
               type="button"
               @click="openSourceFinder(service.link)"
             >
-              <NuxtImg
+              <img
                 :src="`https://www.google.com/s2/favicons?domain=${getHostnameFromUrl(service.link)}&sz=128`"
                 alt="Favicon"
                 class="mr-3 h-5 w-5 flex-shrink-0 rounded"
@@ -189,7 +189,7 @@
               type="button"
               @click="openSourceFinder(service.link)"
             >
-              <NuxtImg
+              <img
                 :src="`https://www.google.com/s2/favicons?domain=${getHostnameFromUrl(service.link)}&sz=128`"
                 alt="Favicon"
                 class="mr-3 h-5 w-5 flex-shrink-0 rounded"

diff --git a/pages/index.vue b/pages/index.vue
@@ -485,7 +485,7 @@
                 :href="featuredDomain.path"
                 class="focus-visible:focus-outline-util hover:hover-text-util hover:hover-bg-util flex items-center gap-2 rounded-md px-2"
               >
-                <NuxtImg
+                <img
                   :src="`https://www.google.com/s2/favicons?domain=${featuredDomain.domain}&sz=128`"
                   alt="Favicon"
                   class="h-5 w-5 rounded"

diff --git a/pages/premium/additional-boorus.vue b/pages/premium/additional-boorus.vue
@@ -172,7 +172,7 @@
           </div>
 
           <!-- Favicon -->
-          <NuxtImg
+          <img
             :src="`https://www.google.com/s2/favicons?domain=${booru.domain}&sz=128`"
             alt="Favicon"
             class="h-5 w-5 flex-shrink-0 rounded"