Je cherche un composant Svelte qui coupe une chaine de caractères vers le milieu, qui remplace le texte supprimé par ... en fonction de la largeur disponible à l'écran du browser

[stephane-klein]

Pour mon projet pro Value-Props, j'ai besoin de "truncate" des chaines de caractères trop longues.

Idéalement, j'aimerais un composant Svelte, qui coupe une chaine de caractères vers le milieu, qui remplace le texte supprimé par ... .
J'aimerais aussi que le nombre de caractères soit déduit de la largeur du bloc à l'écran. Je ne souhaite pas définir à l'avance la limite du nombre de caractères à afficher.

Pour le moment, j'ai effectué des recherches sur npmjs.com avec les mots clés :

• truncate
• trim

Pour le moment je n'ai rien trouvé de satisfaisant.

J'ai juste croisé https://www.npmjs.com/package/truncate-middle mais il ne correspond pas à ce que je cherche, je ne souhaite pas passer les paramètres frontLen et backLen.

Je suis preneur de composant codé en React, Vue… ou même JS Vanilla.

C'est un nice to have, pour le moment, je vais me passer de cette fonctionnalité, je vais juste utiliser un "overflow " sur le span.