yarn global add @quasar/cli
npm install -g @quasar/cli
-
Créer un magasin, module, Vuex avec le namespace "tasks" pour les plats dans src/store/ et y ajouter le tableau des dishes.
-
Créer un getter pour récupérer les dishes et afficher ces derniers sur la page Exercice.vue à l'aide du getter
-
Ajouter la possibilité de supprimer un élément (clic sur bouton supprimer) en utilisant des actions et des mutations. Afficher une dialog de confirmation avant de supprimer.
-
Ajouter une validation au formulaire src/components/FormDishes.vue - nom: obligatoire avec un maximum de 20 caractères. - description: maximum de 135 caractères. - La validation doit être déclenchée lorsque l'on clique sur Sauvegarder
-
Ajouter la possibilité d'ajouter un élément indice: utiliser l'attribut "action" pour différencier l'ajout de la modification
-
Ajouter la possibilité de modifier un élément
-
Si aucune description n'est fournie pour un dishes, afficher le texte "Aucune description fournie" en italique
-
Si aucune image n'est fournie, utiliser l'image statics/image-placeholder.png
-
Lié le store au localStorage (add, update, delete)
-
Optionnal : Ajouter une fonctionnalité “Pull to refresh” (simuler l'ajout et la mise à jour de repas avec un pull to refresh)
-
Optionnal : Refondre en composition-api & typescript & pinia