Update color and robot.txt

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

components/archive/card.vue

@@ -35,7 +35,7 @@ withDefaults(defineProps<Props>(), {
         />
       </div>
       <div class="sm:col-span-7 p-5">
-        <h2 class="text-xl font-semibold text-black dark:text-zinc-300   pb-1 group-hover:text-sky-700">
+        <h2 class="text-xl font-semibold text-black dark:text-zinc-300   pb-1 group-hover:text-sky-700 dark:group-hover:text-sky-400">
           {{ title }}
         </h2>
         <p class="text-ellipsis line-clamp-2">
@@ -53,7 +53,7 @@ withDefaults(defineProps<Props>(), {
             </p>
           </div>
         </div>
-        <div class="flex group-hover:underline text-sky-700 items-center pt-2">
+        <div class="flex group-hover:underline text-sky-700 dark:text-sky-400 items-center pt-2">
           <p>Read More</p>
           <LogoArrow />
         </div>

components/blog/card.vue

@@ -45,13 +45,13 @@ withDefaults(defineProps<Props>(), {
             </template>
           </div>
         </div>
-        <h2 class="text-xl font-semibold  text-black dark:text-zinc-300   pb-1 group-hover:text-sky-700">
+        <h2 class="text-xl font-semibold  text-black dark:text-zinc-300   pb-1 group-hover:text-sky-700 dark:group-hover:text-sky-400">
           {{ title }}
         </h2>
         <p class="text-ellipsis line-clamp-2 text-base">
           {{ description }}
         </p>
-        <div class="flex group-hover:underline text-sky-700 items-center py-2">
+        <div class="flex group-hover:underline text-sky-700 dark:text-sky-400 items-center py-2">
           <p>Read More</p>
           <LogoArrow />
         </div>

components/blog/empty.vue

@@ -7,11 +7,11 @@
         <LogoConfused />
       </div>
       <div class="p-5">
-        <h2 class="text-3xl font-semibold text-black dark:text-zinc-300 pb-1 group-hover:text-sky-700">
+        <h2 class="text-3xl font-semibold text-black dark:text-zinc-300 pb-1 group-hover:text-sky-700 dark:group-hover:text-sky-400">
           No Post Available
         </h2>
 
-        <div class="flex group-hover:underline text-sky-700 items-center pt-2">
+        <div class="flex group-hover:underline text-sky-700 dark:text-sky-400 items-center pt-2">
           <p>Back To Home</p>
           <LogoArrow />
         </div>

nuxt.config.ts

@@ -48,7 +48,7 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     'nuxt-og-image',
     '@nuxt/content',
-    '@nuxtjs/robots',
+    'nuxt-simple-robots',
     '@nuxtseo/module',
     '@nuxtjs/fontaine',
     '@nuxtjs/color-mode',

package.json

@@ -16,7 +16,6 @@
     "@nuxt/image": "^1.0.0-rc.2",
     "@nuxtjs/color-mode": "^3.3.0",
     "@nuxtjs/fontaine": "^0.2.5",
-    "@nuxtjs/robots": "^3.0.0",
     "@nuxtjs/tailwindcss": "^6.6.7",
     "@nuxtseo/module": "^2.0.0-beta.15",
     "@tailwindcss/forms": "^0.5.4",
@@ -27,6 +26,7 @@
     "nuxt": "^3.7.3",
     "nuxt-icon": "^0.4.0",
     "nuxt-og-image": "^2.0.28",
+    "nuxt-simple-robots": "^3.1.5",
     "nuxt-simple-sitemap": "^3.1.3",
     "typescript": "^5.0.4",
     "vue-content-loader": "^2.0.1"

pages/blogs/index.vue

@@ -116,11 +116,11 @@ defineOgImage()
 
     <div class="flex justify-center items-center space-x-6 ">
       <button :disabled="pageNumber <= 1" @click="onPreviousPageClick">
-        <Icon name="mdi:code-less-than" size="30" :class="{ 'text-sky-700': pageNumber > 1 }" />
+        <Icon name="mdi:code-less-than" size="30" :class="{ 'text-sky-700 dark:text-sky-400': pageNumber > 1 }" />
       </button>
       <p>{{ pageNumber }} / {{ totalPage }}</p>
       <button :disabled="pageNumber >= totalPage" @click="onNextPageClick">
-        <Icon name="mdi:code-greater-than" size="30" :class="{ 'text-sky-700': pageNumber < totalPage }" />
+        <Icon name="mdi:code-greater-than" size="30" :class="{ 'text-sky-700 dark:text-sky-400': pageNumber < totalPage }" />
       </button>
     </div>
   </main>

public/robot.txt

@@ -1,2 +0,0 @@
-User-agent: *
-Allow: /