I have added the ability to write in the text fields.

src/views/main/SocialLinks.vue

@@ -1,5 +1,5 @@
 <template>
-  <div  ref="container">
+  <div ref="container">
     <div class="text-center text-2xl py-4 border-t-4">Liens des réseaux sociaux et de votre site</div>
     <div class="px-5 py-2 flex flex-col space-y-4">
       <div v-for="network in socialNetworks" :key="network.field">
@@ -17,11 +17,11 @@
           <img :src="iconUrl" alt="Icon" class="icon-preview">
         </div>
       </div>
-    </div>   
+    </div>
   </div>
 </template>
 
-<script async setup>
+<script setup>
 import { ref } from 'vue';
 
 const socialNetworks = ref([
@@ -34,6 +34,7 @@ const socialNetworks = ref([
 ]);
 
 const iconUrl = ref('');
+const iconFile = ref(null);
 
 const onFileChange = (event) => {
   const file = event.target.files[0];
@@ -45,7 +46,6 @@ const onFileChange = (event) => {
     reader.readAsDataURL(file);
   }
 };
-
 </script>
 
 <style scoped>