Nuxt usage

I tried to use this as plugin in Nuxt. I have created currency.js under plugins/ folder.

// plugins/currency.js

import VueCurrencyFilter from 'vue-currency-filter'
import Vue from 'vue'

Vue.use(VueCurrencyFilter)

and include the script in nuxt.config.js

// nuxt.config.js

module.exports = {
    plugins: [
        { src: '~/plugins/currency.js', ssr: false }
    ]
}

and inside my component at components/ProductCard.vue

// components/ProductCard.vue
<template>
    <h4>{{ price | currency }}</h4>
</template>
<script>
    import currency from '~/plugins/currency.js'

    export default {
        ...
    }
</script>

This resulted error as below

[Vue warn]: Failed to resolve filter: currency

(found in <ProductCard> at components/ProductCard.vue)

Any workaround how to use this on Nuxt?

[Jozaguts]

my environment Nuxt.js @ v2.14.6 I change
{ src: ‘~/plugins/currency’, ssr: true } <–change to true and everything works

[danchristian]

I just updated to "vue-currency-filter": "^3.2.1" and still get that error message unfortunately.