Пользовательский валютный фильтр не показывает ожидаемый результат в Vue.js

Question

Я пытаюсь использовать этот пользовательский фильтр валют, но он не работает.Даже любые другие фильтры не работают в моем приложении.

export default function (amount) {
      return `$${amount.toFixed(2)}`;
}

<script>
import { currencyFilter } from "../shared/currency-filter";

export default {
name: "ShoppingCart",

filters: {
        demo: currencyFilter,
        capitalize: function(value) {
            if (!value) return "";
            value = value.toString();
            return value.charAt(0).toUpperCase() + value.slice(1);
        }
    },
};
</script>
<tr v-for="(robot,index) in cart" :key="index">
            <td class="robot-title">{{robot.head.title}}</td>

            <td class="cost">{{robot.cost | demo}}</td>

        </tr>