<q-separator class="divider" size="10px" color="grey-2" /> <q-list separator> <q-item v-for="nweet in nweets" :key="nweet.date" class="q-py-md" < <q-item-label class="nweet-content">{{ nweet.content }}</q-item-label > < </q-item-section> <q-item-section side top> {{ nweet.date | relativeDate }} </q-item-section> </q-item> </q-list>

Tengo un problema con {{ nweet.date | relativeDate }} Me está dando [vue/no-deprecated-filter] Los filtros están en desuso. Error. Por favor ayuda

aquí está el guión

 <script> import { formatDistance } from 'date-fns' export default { name: "PageHome", data() { return { newNweetContent: '', nweets: [ { content: 'Hello world!', date: 1983230426 }, { content: 'Hello world!', date: 1983335689 } ] };}, filters: { relativeDate(value) { return formatDistance(value, new Date()) }

} }

¿Hay alguna otra forma de fijar la fecha? ¿Puedes decirme cómo puedo usar otra cosa? Quiero decir, ¿puedo usar otra biblioteca como date-fns? Si es así, ¿cómo puedo usarlo? Cualquier ayuda será apreciada