add archive page

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

components/ArchievCard.vue

@@ -0,0 +1,10 @@
+<template>
+  <div class="px-5 font-mono mb-5">
+    <h4 class="font-semibold text-slate-800 text-xl antialiased p-2">
+      Typescript
+    </h4>
+    <div class="px-10">
+      <archive-post-card v-for="n in 5" :key="n" />
+    </div>
+  </div>
+</template>

components/ArchivePostCard.vue

@@ -0,0 +1,11 @@
+<template>
+  <div class="font-mono">
+    <nuxt-link class="flex items-baseline space-x-3 space-y-2" to="/">
+      <icon name="arcticons:blogger" />
+      <h4 class="text-blue-600 hover:underline">
+        <span class="mr-4 text-slate-600">22-10-2020</span> This is a archive
+        post link
+      </h4>
+    </nuxt-link>
+  </div>
+</template>

components/CategoryCard.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="bg-white mx-5 my-2 p-6 min-w-[530px] rounded-md shadow-lg">
-    <nuxt-link to="/js" class="hover:underline">
+    <nuxt-link to="/category/js" class="hover:underline">
       <div class="flex items-center">
-        <h4 class="text-5xl text-slate-800 font-medium py-1">BajaScript</h4>
+        <h4 class="text-2xl text-slate-800 font-medium py-1">VUe</h4>
       </div>
     </nuxt-link>
 

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>