vue i18 how to truncate currency?

Question

I would like to truncate a currency so it won't overflow out of my div. I couldn't find anything besides

minimumFractionDigits: 0,
maximumFractionDigits: 1,
minimumSignificantDigits: 2,
maximumSignificantDigits: 3

but for some reason it doesn't work for my currencies only for the percentages

code example with a ridicolus number that will break the layout.

<div class="col-span-12 lg:col-span-12 text-right order-2 lg:order-1">
   {{ $n(777724712742172132132144721, "currency") }}
</div>

is there a way to overcome it from i18 point of view or rather style/truncate the container?