Vue3不支持Filters过滤器的问题

<template>
 <h1>Bank Aount Balance</h1>
 <p>{{ aountBalance | currencyUSD }}</p>
</template>
<script>
 export default {
  props: {
   aountBalance: {
    type: Number,
    required: true
   }
  },
  filters: {
   currencyUSD(value) {
    return '$' + value
   }
  }
 }
</script>

<template>
 <h1>Bank Aount Balance</h1>
 <p>{{ aountInUSD }}</p>
</template>

<script>
 export default {
  props: {
   aountBalance: {
    type: Number,
    required: true
   }
  },
  puted: {
   aountInUSD() {
    return '$' + this.aountBalance
   }
  }
 }
</script>