@vue-layout/timeago

@vue-layout/timeago

A package containing a timeago component.

Table of Contents

• Installation
• Usage
  • Locales
• License

Installation

$ npm i --save @vue-layout/timeago

Usage

Register the plugin.

import install from '@vue-layout/timeago';
import { createApp } from 'vue'

const app = createApp({})

app.use(install, {
    /* set the default locale */
    locale: 'en',
});

After the component is registered, it can be used as follows.

<template>
    <VCTimeago
        :date-time="1684746631769"
        :locale="'en'"
        :auto-update="true"
    />
</template>

Locales

To support other locales, the corresponding locale object must be imported from the date-fns library. In the following, this will be shown for the german language.

import install from '@vue-layout/timeago';
import { createApp } from 'vue'

import de from 'date-fns/locale/de';

const app = createApp({})

app.use(install, {
    locale: 'de',
    locales: {
        de,
    },
});

License

Made with

Published under MIT License.