add archive page

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

components/OneLineCard.vue

@@ -1,12 +1,12 @@
 <template>
-  <div class="font-semibold antialiased font-poppins hover:underline">
-    <nuxt-link to="/">
-      <h4>
-        <span class="mr-2">
-          <icon calss="bg-red" name="ant-design:arrow-right-outlined" />
-        </span>
-        How to use vite in your nuxt 3 project a a a riyad
-      </h4>
+  <div
+    class="font-semibold antialiased text-slate-800 font-poppins hover:underline"
+  >
+    <nuxt-link class="flex items-baseline space-x-3" to="/">
+      <div class="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>
     </nuxt-link>
   </div>
 </template>