How do I make my arrowhead pointy? about leaflet.polylinedecorator HOT 2 OPEN

// the arrowhead is a triangle that comes to a fine point. We don't 
// want the line of the arrow extending all the way to that point or
// it messes up the tip. The solution is to stop the line at the back 
// of the arrowhead. 
const backOfArrowHead = calcBackOfArrowHead(map, tail, tip, arrowHeadSize, arrowHeadAngle);
polyline = L.polyline([tail, backOfArrowHead], { color: 'blue' }).addTo(map);

// Add the arrowhead using Leaflet.PolylineDecorator
arrowHead = L.polylineDecorator([tail, tip], {
    patterns: [
        {
            offset: "100%",
            repeat: 0,
            symbol: L.Symbol.arrowHead({ pixelSize:arrowHeadSize, pathOptions: { fillOpacity: 1, weight: 0, color: 'blue' } })
        }
    ]
}).addTo(map);

calcBackOfArrowHead(map, tail, tip, arrowHeadSize, arrowHeadAngle) {
    // Project LatLng points to pixel coordinates
    var tailP = map.project(tail);
    var tipP = map.project(tip);

    // Calculate the vector from tail to tip in pixel coordinates
    var vector = tipP.subtract(tailP);

    // Normalize the vector to a unit vector (length 1)
    var unitVector = vector.divideBy(vector.distanceTo([0, 0]));

    // Calculate a new point some distance back from the tip
    // The distance is the length of the adjacent side of a right triangle.
    // This is the right half of the arrowhead, pointing up and scaled to the unit circle.
    // We need the ratio d to help us find the bottom left corner, which is where
    // the line of the arrow needs to stop drawing.
    //   |\
    //   |θ\
    //   |  \ 1
    // d |   \
    //   |    \
    //   |_____\
    //

    const halfArrowHeadAngleRadians = arrowHeadAngle / 2 * (Math.PI / 180); // θ        
    const arrowHeadRatio = arrowHeadSize * Math.cos(halfArrowHeadAngleRadians); // d
    var newTipP = tipP.subtract(unitVector.multiplyBy(arrowHeadRatio));

    // Unproject the new pixel point back to LatLng coordinates
    var newTipLatLng = map.unproject(newTipP);

    return newTipLatLng;
}