feat : ajouts du composant input text area et fix sur le input text

.playground/pages/composant/inputText.vue

@@ -2,7 +2,7 @@
   <div class="grid grid-cols-1 items-start gap-6 md:grid-cols-2">
     <div class="rounded-lg border p-4">
       <h2 class="mb-4 text-xl font-bold">Simple</h2>
-      <MalioInputText v-model="simpleValue"/>
+      <MalioInputText/>
     </div>
 
     <div class="rounded-lg border p-4">
@@ -16,7 +16,7 @@
     </div>
 
     <div class="rounded-lg border p-4">
-      <h2 class="mb-4 text-xl font-bold">Avec icône</h2>
+      <h2 class="mb-4 text-xl font-bold">Avec icône à droite</h2>
       <MalioInputText
         v-model="searchValue"
         label="Recherche"
@@ -25,6 +25,16 @@
       />
     </div>
 
+    <div class="rounded-lg border p-4">
+      <h2 class="mb-4 text-xl font-bold">Avec icône à gauche</h2>
+      <MalioInputText
+        label="Recherche"
+        icon-name="mdi:magnify"
+        icon-size="20"
+        icon-position="left"
+      />
+    </div>
+
     <div class="rounded-lg border p-4">
       <h2 class="mb-4 text-xl font-bold">Désactivé</h2>
       <MalioInputText
@@ -142,7 +152,7 @@
 </template>
 
 <script setup lang="ts">
-const simpleValue = ref('')
+import { computed, ref } from 'vue'
 const nameValue = ref('')
 const searchValue = ref('')
 const codeValue = ref('')