search

dnum-mi / vue-dsfr

Portage en Vue du DSFR
https://vue-ds.fr
Other
58 stars 28 forks source link

Avertissement "iconAttrs" #417

Closed djcaesar9114 closed 1 year ago

djcaesar9114 commented 1 year ago

En suivant scrupuleusement les instructions après avoir lancé npm init vue-dsfr, j'ai des erreurs d'affichage (icônes non chargés), impossible d'avoir un menu déroulant dans la barre de navigation, etc. Voici ce qu'il y a dans la console:


[Vue warn]: Invalid prop: type check failed for prop "iconAttrs". Expected String with value "[object Object]", got Object  
  at <DsfrHeaderMenuLink label="Home" path="/" icon="ri-home-4-line"  ... > 
  at <DsfrHeaderMenuLinks key=0 links= 
Array [ {…}, {…} ]
 > 
  at <DsfrHeader modelValue="" onUpdate:modelValue=fn service-title="Service"  ... > 
  at <App> [runtime-core.esm-bundler.js:40:16](http://localhost:3000/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js)
GEThttp://localhost:3000/icons/system/search-line.svg

Ubuntu 22.04 Firefox Node v19.1.0

laruiss commented 1 year ago

Bonjour, avez-vous suivi la documentation en haut de cette page : https://vue-dsfr.netlify.app/?path=/story/fondamentaux-4-1-ic%C3%B4nes-officielles--page

Le package create-vue-dsfr (utilisé par npm init vue-dsfr) ne fait pas encore automatiquement cette décompression des icônes, je vais m’en occuper très bientôt.

djcaesar9114 commented 1 year ago

Bonjour, Oui, j'ai bien suivi la documentation. L'erreur que je faisais était que je panachais l'utilisation de composants issus de votre dépôt avec les composants natifs DSFR. Depuis que je n'utilise que les composants de votre dépôt tout s'affiche correctement. Merci pour votre travail, qui m'a permis de développer un client complet en quelques heures. Bien à vous,

laruiss commented 1 year ago

Merci pour votre retour