From ec7e566708d59fcb1f7bee137572c27c8300de1c Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 8 Nov 2023 19:05:47 +0100
Subject: [PATCH] YIcon: add new icon component to deal with icon sizes

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

diff --git a/components/YIcon.vue b/components/YIcon.vue
new file mode 100644
index 0000000..1327542
--- /dev/null
+++ b/components/YIcon.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+const props = withDefaults(
+  defineProps<{
+    name: string
+    size?: string
+  }>(),
+  {
+    size: '1.5em',
+  },
+)
+</script>
+
+<template>
+  <NuxtIcon :name="name" :style="`--size: ${size}`" />
+</template>
+
+<style scoped>
+.nuxt-icon :deep(svg) {
+  /* Do not use `v-bind(size)`, idk why bind is not working */
+  width: var(--size);
+  height: var(--size);
+  display: inline;
+}
+</style>