@miraiportal/vue-counter 1.0.0

package/.github/workflows/tests.yml

@@ -0,0 +1,32 @@
+name: tests
+
+on:
+  push:
+    branches:
+      - main
+      - '*.x'
+  pull_request:
+  schedule:
+    - cron: '0 0 * * *'
+
+permissions:
+  contents: read
+
+jobs:
+  tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v6
+
+      - name: Setup Node
+        uses: actions/setup-node@v6
+        with:
+          node-version: 22
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Execute tests
+        run: npm test

package/package.json

@@ -0,0 +1,22 @@
+{
+    "name": "@miraiportal/vue-counter",
+    "version": "1.0.0",
+    "license": "MIT",
+    "exports": {
+        ".": "./resources/js/index.ts"
+    },
+    "scripts": {
+        "test": "vitest run"
+    },
+    "dependencies": {
+        "@miraiportal/counter": "^1.0.0"
+    },
+    "devDependencies": {
+        "vite": "^7.3.1",
+        "vitest": "^4.0.18",
+        "vue": "^3.5.29"
+    },
+    "peerDependencies": {
+        "vue": "^3.5.29"
+    }
+}

package/resources/js/composables/index.ts

@@ -0,0 +1 @@
+export * from './useCounter';

package/resources/js/composables/useCounter.ts

@@ -0,0 +1,13 @@
+import { Counter } from '@miraiportal/counter';
+import { computed, shallowRef } from 'vue';
+
+export const useCounter = (initialCount = 0) => {
+    const counter = shallowRef(Counter.create(initialCount));
+
+    return {
+        count: computed(() => counter.value.count.value),
+        increment: () => (counter.value = counter.value.increment()),
+        decrement: () => (counter.value = counter.value.decrement()),
+        reset: () => (counter.value = Counter.create(initialCount)),
+    };
+};

package/resources/js/index.ts

@@ -0,0 +1 @@
+export * from './composables';

package/resources/js/tests/composables/useCounter.test.ts

@@ -0,0 +1,45 @@
+import { useCounter } from '../../composables/useCounter';
+
+describe('useCounter', () => {
+    test('count', () => {
+        const value = 0;
+
+        const { count } = useCounter(value);
+
+        expect(count.value).toBe(value);
+    });
+
+    test('increment', () => {
+        const value = 0;
+
+        const { count, increment } = useCounter(value);
+
+        increment();
+
+        expect(count.value).toBe(value + 1);
+    });
+
+    test('decrement', () => {
+        const value = 0;
+
+        const { count, decrement } = useCounter(value);
+
+        decrement();
+
+        expect(count.value).toBe(value - 1);
+    });
+
+    test('reset', () => {
+        const value = 1;
+
+        const { count, increment, reset } = useCounter(value);
+
+        increment();
+
+        expect(count.value).toBe(value + 1);
+
+        reset();
+
+        expect(count.value).toBe(value);
+    });
+});

package/vite.config.ts

@@ -0,0 +1,10 @@
+/// <reference types="vitest/config" />
+
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+    test: {
+        globals: true,
+        include: ['resources/js/tests/**/*.test.ts'],
+    },
+});