onomad 1.0.0 → 2.0.1

package/README.md

@@ -29,6 +29,38 @@ const lastWeek = new Date(Date.now() - 7 * 24 * 60 * 60 * 1000);
 console.log(timeago(lastWeek)); // "pre nedelju dana"
 ```
 
+### Upotreba u Vue.js
+
+Onomad dolazi sa gotovom Vue komponentom koja automatski ažurira prikaz vremena.
+
+#### Instalacija
+
+```bash
+npm install onomad vue
+```
+
+#### Upotreba komponente
+
+```vue
+<script setup lang="ts">
+import { TimeAgo } from 'onomad/vue';
+
+const postDate = new Date(Date.now() - 5 * 60 * 1000);
+</script>
+
+<template>
+  <div>
+    <p>Objavljeno <TimeAgo :date="postDate" /></p>
+  </div>
+</template>
+```
+
+Komponenta automatski ažurira prikazan tekst svakih 60 sekundi. Možete prilagoditi interval ažuriranja:
+
+```vue
+<TimeAgo :date="postDate" :update-interval="5000" />
+```
+
 ## API Referenca
 
 ### `timeago(time: Date): string`

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { timeago } from "./onomad";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/onomad.d.ts

@@ -0,0 +1,3 @@
+declare function timeago(date: Date): string;
+export { timeago };
+//# sourceMappingURL=onomad.d.ts.map

package/dist/onomad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"onomad.d.ts","sourceRoot":"","sources":["../src/onomad.ts"],"names":[],"mappings":"AACA,iBAAS,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CA+EnC;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/vue/TimeAgo-qae5qph7.vue

@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import { ref, onMounted, onUnmounted, watch } from 'vue';
+import { timeago } from '../onomad';
+
+const props = withDefaults(defineProps<{
+  date: Date;
+  updateInterval?: number;
+}>(), {
+  updateInterval: 60000
+});
+
+const formattedTime = ref(timeago(props.date));
+let intervalId: ReturnType<typeof setInterval> | null = null;
+
+const updateTime = () => {
+  formattedTime.value = timeago(props.date);
+};
+
+onMounted(() => {
+  intervalId = setInterval(updateTime, props.updateInterval);
+});
+
+onUnmounted(() => {
+  if (intervalId) {
+    clearInterval(intervalId);
+  }
+});
+
+// Update immediately if date prop changes
+watch(() => props.date, updateTime);
+</script>
+
+<template>
+  <span>{{ formattedTime }}</span>
+</template>

package/dist/vue/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TimeAgo } from "./TimeAgo.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC"}

package/dist/vue/index.js

@@ -0,0 +1,7 @@
+// src/vue/TimeAgo.vue
+var TimeAgo_default = "./TimeAgo-qae5qph7.vue";
+export {
+  TimeAgo_default as TimeAgo
+};
+
+//# debugId=32AECEC8B9D27CF064756E2164756E21

package/dist/vue/index.js.map

@@ -0,0 +1,9 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [
+  ],
+  "mappings": "",
+  "debugId": "32AECEC8B9D27CF064756E2164756E21",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onomad",
-  "version": "1.0.0",
+  "version": "2.0.1",
   "description": "Time formatting optimized for Serbian language",
   "type": "module",
   "main": "./dist/index.js",
@@ -10,11 +10,17 @@
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
+    },
+    "./vue": {
+      "import": "./dist/vue/index.js",
+      "types": "./dist/vue/index.d.ts"
     }
   },
   "scripts": {
-    "build": "bun build src/index.ts --outdir dist --target node --sourcemap=external && bun run build:types",
-    "build:types": "tsc --emitDeclarationOnly --declaration --declarationMap",
+    "build": "bun run build:core && bun run build:vue && bun run build:types",
+    "build:core": "bun build src/index.ts --outdir dist --target node --sourcemap=external",
+    "build:vue": "bun build src/vue/index.ts --outdir dist/vue --target node --sourcemap=external --external vue",
+    "build:types": "tsc --project tsconfig.build.json",
     "test": "bun test",
     "prepublishOnly": "bun run build"
   },
@@ -36,5 +42,10 @@
   },
   "peerDependencies": {
     "typescript": "^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue": {
+      "optional": true
+    }
   }
 }