- second commit

resources/js/Stores/main.js

@@ -1,62 +0,0 @@
-import { defineStore } from 'pinia';
-import axios from 'axios';
-
-export const MainService = defineStore('main', {
-	state: () => ({
-		/* User */
-		userName: '',
-		userEmail: null,
-		userAvatar: null,
-
-		/* Field focus with ctrl+k (to register only once) */
-		isFieldFocusRegistered: false,
-
-		/* Sample data for starting dashboard(commonly used) */
-		clients: [],
-		history: [],
-		authors: [],
-		datasets: []
-	}),
-	actions: {
-		// payload = authenticated user
-		setUser(payload) {
-			if (payload.name) {
-				this.userName = payload.name;
-			}
-			if (payload.email) {
-				this.userEmail = payload.email;
-			}
-			if (payload.avatar) {
-				this.userAvatar = payload.avatar;
-			}
-		},
-
-		fetch(sampleDataKey) {
-			// sampleDataKey= clients or history
-			axios
-				.get(`data-sources/${sampleDataKey}.json`)
-				.then((r) => {
-					if (r.data && r.data.data) {
-						this[sampleDataKey] = r.data.data;
-					}
-				})
-				.catch((error) => {
-					alert(error.message);
-				});
-		},
-
-		fetchApi(sampleDataKey) {
-			// sampleDataKey= clients or history
-			axios
-				.get(`api/${sampleDataKey}`)
-				.then((r) => {
-					if (r.data) {
-						this[sampleDataKey] = r.data;
-					}
-				})
-				.catch((error) => {
-					alert(error.message);
-				});
-		},
-	},
-});

resources/js/Stores/main.ts

@@ -0,0 +1,79 @@
+import { defineStore } from 'pinia';
+import axios from 'axios';
+
+interface Person {
+    id: number;
+    name: string;
+    email: string;
+    datasetCount: string;
+    created_at: string;
+}
+
+interface TransactionItem {
+    amount: number;
+    account: string;
+	name: string;
+    date: string;
+    type: string;
+    business: string;
+}
+
+export const MainService = defineStore('main', {
+    state: () => ({
+        /* User */
+        userName: '',
+        userEmail: null,
+        userAvatar: null,
+
+        /* Field focus with ctrl+k (to register only once) */
+        isFieldFocusRegistered: false,
+
+        /* Sample data for starting dashboard(commonly used) */
+        clients: [],
+        history: [] as Array<TransactionItem>,
+        authors: [] as Array<Person>,
+        datasets: [],
+    }),
+    actions: {
+        // payload = authenticated user
+        setUser(payload) {
+            if (payload.name) {
+                this.userName = payload.name;
+            }
+            if (payload.email) {
+                this.userEmail = payload.email;
+            }
+            if (payload.avatar) {
+                this.userAvatar = payload.avatar;
+            }
+        },
+
+        fetch(sampleDataKey) {
+            // sampleDataKey= clients or history
+            axios
+                .get(`data-sources/${sampleDataKey}.json`)
+                .then((r) => {
+                    if (r.data && r.data.data) {
+                        this[sampleDataKey] = r.data.data;
+                    }
+                })
+                .catch((error) => {
+                    alert(error.message);
+                });
+        },
+
+        fetchApi(sampleDataKey) {
+            // sampleDataKey= authors or datasets
+            axios
+                .get(`api/${sampleDataKey}`)
+                .then((r) => {
+                    if (r.data) {
+                        this[sampleDataKey] = r.data;
+                    }
+                })
+                .catch((error) => {
+                    alert(error.message);
+                });
+        },
+    },
+});