make index page dynamic

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

components/OneLineCard.vue

@@ -1,11 +1,18 @@
+<script setup lang="ts">
+const props = defineProps({
+  title: String,
+  path: String,
+});
+</script>
+
 <template>
   <div class="group font-semibold antialiased text-slate-800 font-ibmmono">
-    <nuxt-link class="flex items-baseline space-x-3" to="/">
+    <nuxt-link class="flex items-baseline space-x-3" :to="path">
       <div class="group-hover:scale-125 transition">
         <icon name="ant-design:arrow-right-outlined" />
       </div>
       <h4 class="group-hover:underline">
-        How to use vite in your nuxt 3 project a a a riyad
+        {{ title }}
       </h4>
     </nuxt-link>
   </div>