From 0bfd5fbdba18ec16296d2ca5627cbabf0e0c5c7e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=98=99=E2=97=A6=20The=20Tablet=20=E2=9D=80=20GamerGirla?=
 =?UTF-8?q?ndCo=20=E2=97=A6=E2=9D=A7?= <i.am.the.tablet@proton.me>
Date: Mon, 25 Sep 2023 19:34:20 -0400
Subject: [PATCH] feat(components): create fontawesome icon component

---
 components/icon.vue | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 components/icon.vue

diff --git a/components/icon.vue b/components/icon.vue
new file mode 100644
index 0000000..db9b0a7
--- /dev/null
+++ b/components/icon.vue
@@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { string } from 'yup';
+	const propo = defineProps<{name: string; istyle: "regular" | "light" | "solid" | "thin"; size?: number;}>()
+	const styleMap = {
+		"regular": "r",
+		"light": "l",
+		"solid": "s",
+		"thin": "t"
+	}
+
+
+</script>
+
+<template>
+	<span :style="{display: 'inline-block', width: `${size || 20}px`, height: `${size || 20}px`}">
+		<i :style="{
+			fontSize: `${size || 20}px`, 
+			display: 'inline-block', 
+			width: 'inherit', 
+			height: 'inherit'
+		}" :class="`fa${styleMap[istyle]} fa-${name}`"/>
+	</span>
+</template>
\ No newline at end of file