如何在vue-i18n中显示带小数和不带小数的货币

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'en', // 设置默认语言
  messages: {
    en: {
      // 定义英文语言包
      currency: {
        style: 'currency',
        currency: 'USD'
      }
    },
    zh: {
      // 定义中文语言包
      currency: {
        style: 'currency',
        currency: 'CNY'
      }
    }
  }
})

new Vue({
  i18n,
  render: h => h(App)
}).$mount('#app')

<template>
  <div>
    <p>{{ $t('currency', 10) }}</p> <!-- 显示带小数的货币 -->
    <p>{{ $t('currency', 10, { style: 'currency', minimumFractionDigits: 0 }) }}</p> <!-- 显示不带小数的货币 -->
  </div>
</template>