Mis códigos en Vue, crea un árbol donde cada nodo se ve así:

Como puede ver, crea esos puntos al final porque uso white-space: nowrap; . Le paso al componente todos los datos del componente principal. Quiero poder agregar un campo que represente la cantidad máxima de caracteres en todos los nodos (por ejemplo, si uno tiene el nombre "abc" y otro tiene "abcd", entonces pasará el valor 4). Quiero establecer la longitud de todos los nodos, en función de ese valor. El tamaño de fuente es 12px y el bloque CSS se ve así:

 .orgchart .node .title { transform: rotate(-90deg) translate(-40px, -40px) rotateY(180deg); transform-origin: bottom center; width: 120px; }

Como puede ver, actualmente es de 120px . ¿Cómo puedo reemplazar este valor con un valor calculado? En otras palabras, dado el valor máximo, ¿cómo puedo calcular el width ?