Initial commit 🚀

src/components/Project.vue

@@ -0,0 +1,35 @@
+<template>
+  <a
+    class="w-full h-full"
+    :href="url"
+    target="_blank"
+  >
+    <div class="w-full h-full p-2 border-2 rounded-lg border-white hover:border-gray-300 duration-500 cursor-pointer">
+
+      <h1 class="font-bold">
+        {{ title }}
+      </h1>
+      <h2 class="text-gray-700 text-justify dark:text-gray-200">
+        {{ t(description) }}
+      </h2>
+    </div>
+  </a>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
+defineProps({
+  title: {
+    type: String,
+  },
+  url: {
+    type: String,
+  },
+  description: {
+    type: String,
+  },
+})
+</script>