Comment permettre aux utilisateurs de télécharger une image et de la stocker dans un dossier public ?

Je crée une application simple pour permettre à l'utilisateur (responsable du restaurant) d'insérer de nouveaux plats et ses images.

Je laisse l'utilisateur télécharger une image avec un formulaire et je dois l'enregistrer dans le dossier public du projet Nuxt.

Les informations alimentaires sont insérées via les méthodes $fecth et POST, puis extraites du POST et insérées dans la base de données

INSERT INTO menu (food_name, price, course ) 
        VALUES (?, ?, ?)`,
[plateName, platePrice, course]

FORM:
<input class="form-control" type="file" v-on:change="uploadImg()" id="formFile">
<label for="formFile" class="form-label">Add Image</label>

methods {
    uploadImg(){

        ???

    },
    addFood() {
      $fetch("/api/insert/", {
        method: "POST",
        body: {
            plateName: this.plateName,
            platePrice: this.platePrice,
            course: this.plateSelect,
            }
      })
      .then(() => window.location.href = "/inserimento")
      .catch((e) => alert(e))

    },