onomad 2.0.2 → 2.0.4

package/README.md

@@ -61,6 +61,26 @@ Komponenta automatski ažurira prikazan tekst svakih 60 sekundi. Možete prilago
 <TimeAgo :date="postDate" :update-interval="5000" />
 ```
 
+### Upotreba u Nuxt.js
+
+U Nuxt projektima, komponenta automatski radi bez dodatne konfiguracije:
+
+```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>
+```
+
+Za server-side rendering (SSR), komponenta će prikazati inicijalno vreme, a zatim će nastaviti sa ažuriranjem na klijentskoj strani.
+
 ## API Referenca
 
 ### `timeago(time: Date): string`

package/dist/vue/TimeAgo-ajdd20a8.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 | string;
+  updateInterval?: number;
+}>(), {
+  updateInterval: 60000
+});
+
+const formattedTime = ref(timeago(new Date(props.date)));
+let intervalId: ReturnType<typeof setInterval> | null = null;
+
+const updateTime = () => {
+  formattedTime.value = timeago(new Date(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.js

@@ -1,5 +1,5 @@
 // src/vue/TimeAgo.vue
-var TimeAgo_default = "./TimeAgo-2qmfkrw6.vue";
+var TimeAgo_default = "./TimeAgo-ajdd20a8.vue";
 export {
   TimeAgo_default as TimeAgo
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "onomad",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "description": "Time formatting optimized for Serbian language",
   "type": "module",
   "main": "./dist/index.js",
@@ -12,14 +12,17 @@
       "types": "./dist/index.d.ts"
     },
     "./vue": {
-      "import": "./dist/vue/index.js",
-      "types": "./dist/vue/index.d.ts"
+      "import": "./src/vue/index.ts",
+      "types": "./src/vue/index.ts"
     }
   },
+  "files": [
+    "dist",
+    "src/vue"
+  ],
   "scripts": {
-    "build": "bun run build:core && bun run build:vue && bun run build:types",
+    "build": "bun run build:core && 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"
@@ -47,8 +50,5 @@
     "vue": {
       "optional": true
     }
-  },
-  "dependencies": {
-    "onomad": "^2.0.1"
   }
 }

package/src/vue/TimeAgo.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 | string;
+  updateInterval?: number;
+}>(), {
+  updateInterval: 60000
+});
+
+const formattedTime = ref(timeago(new Date(props.date)));
+let intervalId: ReturnType<typeof setInterval> | null = null;
+
+const updateTime = () => {
+  formattedTime.value = timeago(new Date(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/src/vue/env.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="vite/client" />
+
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

package/src/vue/index.ts

@@ -0,0 +1 @@
+export { default as TimeAgo } from "./TimeAgo.vue";

package/.github/workflows/ci.yml

@@ -1,48 +0,0 @@
-name: CI
-
-on:
-  push:
-    branches: [main]
-  pull_request:
-    branches: [main]
-
-jobs:
-  test:
-    name: Test
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-      
-      - name: Install dependencies
-        run: bun install
-      
-      - name: Run tests
-        run: bun test
-      
-      - name: Build
-        run: bun run build
-      
-      - name: Check TypeScript
-        run: bunx tsc --noEmit
-
-  lint:
-    name: Lint
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v4
-      
-      - name: Setup Bun
-        uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: latest
-      
-      - name: Install dependencies
-        run: bun install
-      
-      - name: Check formatting
-        run: bunx prettier --check "src/**/*.ts"