chore: upgrade dinero.js to v2.0.0 stable

components/product-currency-symbol.tsx

@@ -1,12 +1,14 @@
-import { toFormat, type Dinero } from 'dinero.js';
+import { toSnapshot, type Dinero } from 'dinero.js';
 
 export const ProductCurrencySymbol = ({
   dinero,
 }: {
   dinero: Dinero<number>;
 }) => {
+  const { currency } = toSnapshot(dinero);
+
   let symbol = '';
-  switch (toFormat(dinero, ({ currency }) => currency.code)) {
+  switch (currency.code) {
     case 'GBP': {
       symbol = '£';
       break;

components/product-deal.tsx

@@ -1,5 +1,5 @@
 import { ProductCurrencySymbol } from '#/components/product-currency-symbol';
-import { toUnit, type Dinero } from 'dinero.js';
+import { toDecimal, type Dinero } from 'dinero.js';
 
 export const ProductDeal = ({
   price: priceRaw,
@@ -10,8 +10,8 @@ export const ProductDeal = ({
     amount: Dinero<number>;
   };
 }) => {
-  const discount = toUnit(discountRaw.amount);
-  const price = toUnit(priceRaw);
+  const discount = Number(toDecimal(discountRaw.amount));
+  const price = Number(toDecimal(priceRaw));
   const percent = Math.round(100 - (discount / price) * 100);
 
   return (

components/product-price.tsx

@@ -2,7 +2,7 @@ import { Product } from '#/types/product';
 import { ProductCurrencySymbol } from '#/components/product-currency-symbol';
 import { ProductDeal } from '#/components/product-deal';
 import { ProductLighteningDeal } from '#/components/product-lightening-deal';
-import { multiply, toUnit, type Dinero } from 'dinero.js';
+import { multiply, toDecimal, type Dinero } from 'dinero.js';
 
 function isDiscount(obj: any): obj is { percent: number; expires?: number } {
   return typeof obj?.percent === 'number';
@@ -45,7 +45,7 @@ export const ProductPrice = ({
         <ProductCurrencySymbol dinero={price} />
       </div>
       <div className="text-lg font-bold leading-snug text-white">
-        {toUnit(price)}
+        {toDecimal(price)}
       </div>
     </div>
   );

components/product-split-payments.tsx

@@ -1,17 +1,17 @@
 import { ProductCurrencySymbol } from '#/components/product-currency-symbol';
-import { allocate, toUnit, up, type Dinero } from 'dinero.js';
+import { allocate, toDecimal, transformScale, up, type Dinero } from 'dinero.js';
 
 export const ProductSplitPayments = ({ price }: { price: Dinero<number> }) => {
   // only offer split payments for more expensive items
-  if (toUnit(price) < 150) {
+  if (Number(toDecimal(price)) < 150) {
     return null;
   }
 
   const [perMonth] = allocate(price, [1, 2]);
   return (
     <div className="text-sm text-gray-400">
       Or <ProductCurrencySymbol dinero={price} />
-      {toUnit(perMonth, { digits: 0, round: up })}/month for 3 months
+      {toDecimal(transformScale(perMonth, 0, up))}/month for 3 months
     </div>
   );
 };

components/product-used-price.tsx

@@ -1,5 +1,5 @@
 import { Product } from '#/types/product';
-import { dinero, toUnit, up, type DineroSnapshot } from 'dinero.js';
+import { dinero, toDecimal, transformScale, up, type DineroSnapshot } from 'dinero.js';
 
 export const ProductUsedPrice = ({
   usedPrice: usedPriceRaw,
@@ -12,7 +12,7 @@ export const ProductUsedPrice = ({
     <div className="text-sm">
       <div className="text-gray-400">More buying choices</div>
       <div className="text-gray-200">
-        ${toUnit(usedPrice, { digits: 0, round: up })} (used)
+        ${toDecimal(transformScale(usedPrice, 0, up))} (used)
       </div>
     </div>
   );

package.json

@@ -11,7 +11,7 @@
     "@heroicons/react": "2.1.5",
     "clsx": "2.1.1",
     "date-fns": "3.6.0",
-    "dinero.js": "2.0.0-alpha.8",
+    "dinero.js": "2.0.0",
     "geist": "1.3.1",
     "next": "15.6.0-canary.60",
     "react": "19.0.0-rc-8b08e99e-20240713",