update blog content

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

components/BlogCard.vue

@@ -1,10 +1,15 @@
 <template>
-  <div class="space-y-2 m-5">
-    <h3 class="text-xl text-slate-800 font-semibold">This is a blog title</h3>
+  <div class="space-y-2 my-5 group">
+    <h3 class="text-xl text-slate-800 font-semibold group-hover:text-sky-500">
+      This is a blog title
+    </h3>
     <p class="text-slate-700">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem, deserunt
       esse tenetur iusto dolor unde. Aliquam quidem ab qui velit?
     </p>
-    <p class="font-semibold">Read more</p>
+    <p class="font-semibold group-hover:text-sky-500">
+      Read more
+      <span class="hidden group-hover:inline"> ->> </span>
+    </p>
   </div>
 </template>

components/NavbarCom.vue

@@ -15,7 +15,13 @@ const activeNavbar = computed(() => {
     <div class="container px-4 mx-auto max-w-6xl flex justify-between">
       <ul class="flex space-x-8 items-end justify-start">
         <li class="align">
-          <nuxt-link to="/"> Rafkhata </nuxt-link>
+          <nuxt-link
+            class="font-semibold text-xl text-slate-800"
+            :class="{ underline: activeNavbar === '' }"
+            to="/"
+          >
+            RafKhata
+          </nuxt-link>
         </li>
         <li>
           <nuxt-link

components/OneLineCard.vue

@@ -1,12 +1,12 @@
 <template>
-  <div
-    class="font-semibold antialiased text-slate-800 font-ibmmono hover:underline"
-  >
+  <div class="group font-semibold antialiased text-slate-800 font-ibmmono">
     <nuxt-link class="flex items-baseline space-x-3" to="/">
-      <div class="hover:scale-125 transition">
+      <div class="group-hover:scale-125 transition">
         <icon name="ant-design:arrow-right-outlined" />
       </div>
-      <h4>How to use vite in your nuxt 3 project a a a riyad</h4>
+      <h4 class="group-hover:underline">
+        How to use vite in your nuxt 3 project a a a riyad
+      </h4>
     </nuxt-link>
   </div>
 </template>