package list from viandwi24

stores/counter.ts

@@ -0,0 +1,25 @@
+import { defineStore } from 'pinia'
+
+export interface ICounterState {
+  count: number
+}
+
+export const useCounter = defineStore('counter', {
+  state: (): ICounterState => ({
+    count: 0,
+  }),
+  actions: {
+    increment() {
+      this.count++
+    },
+    decrement() {
+      this.count--
+    },
+    reset() {
+      this.count = 0
+    },
+    increment2x() {
+      this.count *= 2
+    },
+  },
+})

stores/identity.ts

@@ -0,0 +1,30 @@
+import { defineStore } from 'pinia'
+
+export interface IIdentityState {
+  firstName: string
+  lastName: string
+}
+
+export const useIdentity = defineStore('identity', {
+  state: (): IIdentityState => ({
+    firstName: 'Alfian',
+    lastName: 'Dwi',
+  }),
+  actions: {
+    setFirstName(firstName: string) {
+      this.firstName = firstName
+    },
+    setLastName(lastName: string) {
+      this.lastName = lastName
+    },
+    reset() {
+      this.firstName = 'Alfian'
+      this.lastName = 'Dwi'
+    },
+  },
+  getters: {
+    fullName(): string {
+      return `${this.firstName} ${this.lastName}`
+    },
+  },
+})