nshop-front-pc/src/components/theme/ui/Price.tsx

export const Price = ({
  amount,
  className,
  currencyCode = "USD",
  ...rest
}: {
  amount: string | number;
  className?: string;
  currencyCode: string;
} & React.ComponentProps<"span">) => {
  // currencyDisplay使用narrowSymbol的话，加元，澳元的货币符号都会用简写形式显示成$
  // 使用symbol，美元符号又会显示成US$
  const currencyDisplay = currencyCode === 'USD' ? 'narrowSymbol' : 'symbol';
  return <span className={className} suppressHydrationWarning={true} {...rest}>
    {`${new Intl.NumberFormat(undefined, {
      style: "currency",
      currency: currencyCode,
      currencyDisplay: currencyDisplay,
    }).format(Number(amount))}`}
  </span>
};