mrdeerly / vue-timeago3 Goto Github PK

View Code? Open in Web Editor NEW

23.0 2.0 4.0 2.81 MB

A tiny timeago component for Vue 3 using date-fns v2.28.

Home Page: https://mrdeerly.github.io/vue-timeago3/

License: MIT License

TypeScript 100.00%

timeago component vue vue3 vite date-fns time-since since timepassed time-ago

vue-timeago3's People

Contributors

Stargazers

Watchers

Forkers

trendingtechnology gekkedev srabouin niekschoemaker

vue-timeago3's Issues

Fix automated release workflow

The automated release workflow publishes the package before the actual build is finished, resulting in empty packages.

Empty project folder

Hello, I wanted to try this package but when I yarn add it it'll give me empty project folder:

Allow for importing the component directly into where it will be used to allow for easy adoption, code-splitting, lazy-loading, tree-shaking, etc. Being able to globally install a component is useful is some contexts but in most cases you are better off importing it in the specific places using it.

Desired outcome:

<template>
  <TimeAgo :datetime="new Date()" />
</template>

<script>
import { TimeAgo } from 'vue-timeago3';

export default {
  name: 'AnExample',
  components: {
    TimeAgo
  }
};
</script>

Also update README to document this approach once supported. The import statement is the one line that could be changed, as long as the rest works. Like something like this would be fine by me:

import TimeAgo from 'vue-timeago3/dist/TimeAgo.vue';

Types missing

Thank you for an awesome library, but there are no types distributed on npm.

See npm sources

In package json, there ar types specified in dist_types directory which is clearly missing.

v2.2.0 doesn't work with vite

Hi,

the new version doesn't work with vite.

17:03:55 [vite] Internal server error: Failed to resolve entry for package "vue-timeago3". The package may have incorrect main/module/exports specified in its package.json: Failed to resolve entry for package "vue-timeago3". The package may have incorrect main/module/exports specified in its package.json.
  Plugin: vite:import-analysis
  File: /Users/dspangenberg/Projects/twiceware.cloud/enclosure/src/main.js
      at packageEntryFailure (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:40578:11)
      at resolvePackageEntry (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:40574:9)
      at tryNodeResolve (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:40381:20)
      at Context.resolveId (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:40189:28)
      at async Object.resolveId (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:38754:32)
      at async TransformContext.resolve (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:38528:23)
      at async normalizeUrl (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:56682:34)
      at async TransformContext.transform (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:56837:57)
      at async Object.transform (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:38817:30)
      at async doTransform (/Users/dspangenberg/Projects/twiceware.cloud/enclosure/node_modules/vite/dist/node/chunks/dep-3397b401.js:55749:29)

Greetings,
Danny

app.config.globalProperties undefined

Hi I'm trying to use vue-timeago3 with Vue.

After following the install instructions I am given an error:
Unhandled Promise Rejection: TypeError: undefined is not an object (evaluating 'app.config.globalProperties')

I'm using vue 3.2.31, vite 4.0, and bun to install everything. Chances are I'm doing something stupid...

My app.js:

import './bootstrap';
import '../css/map.css';

import { createApp, h } from 'vue';
import App from './MapPages/MapLayout.vue';
import { createPinia } from 'pinia';
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';

import timeago from 'vue-timeago3' // import timeago

const timeagoOptions = {
  converterOptions: {
      includeSeconds: true,
  }
}

const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

const app = createApp(App)
app.use(timeago);
app.use(pinia);
app.mount("#app");

And parts of my vue component:

<script setup>
import { ref } from 'vue';
import { settingsStore } from "@/stores/SettingsStore.js";
...
import timeago from 'vue-timeago3'

defineEmits(['close']);

</script>

<template>
...
<timeago :datetime="point.stamp" auto-update />
...
</template>

mrdeerly / vue-timeago3 Goto Github PK

vue-timeago3's People

Contributors

Stargazers

Watchers

Forkers

vue-timeago3's Issues

Fix automated release workflow

Empty project folder

Export the component directly

Types missing

v2.2.0 doesn't work with vite

app.config.globalProperties undefined

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent