Make a return Date React like Carbon diffforhuman method in Vue

You ask about Carbon in your title and now you refer to Vue.. That is kinda misleading!

Since you are working with vue, which is just javascript, you can use this: http://momentjs.com/

Sorry I edited my first post , yup im bit confuse... Since if I return Carbon Instance from an api call with Diffhuman $data['date_joined'] = Carbon::now()->diffForHumans();
ill get a result lets say last 59 minutes but it is static and wont be reactive anymore...

@bobbybouwmann thanks :)

Just return a simple date format, something like 11-30-2015 and you can manipulate that with momentjs.

http://www.sitepoint.com/managing-dates-times-using-moment-js/

@RachidLaasri thanks for pointing me how to manipulate it

Just in case anyone else finds this, here is what I did:

1 - Return database field as Carbon object, accessible via API, in UTC. 2 - Create a filter in Vue to manipulate the date to display in user's timezone.

Vue.filter('moment', function(value, format) {
            return moment.utc(value).local().format(format);
        });

3 - Then in your template:

{{ comment.created_at | moment 'ddd, MMM D, h:mma' }}

In your case, you want to use moment's fromNow() method:

Vue.filter('timeago', function(value) {
            return moment.utc(value).local().fromNow();
        });

{{ comment.created_at | timeago }}