From 75232862361a52b9306690b935a1f086b59c1a61 Mon Sep 17 00:00:00 2001 From: vikingowl Date: Tue, 22 Mar 2022 10:09:28 +0100 Subject: [PATCH] added pinia store --- src/main.ts | 4 ++-- src/stores/counter.ts | 16 ---------------- src/stores/infoState.ts | 28 ++++++++++++++++++++++++++++ src/stores/matchDetails.ts | 16 ++++++++++++++++ src/stores/playerDetails.ts | 16 ++++++++++++++++ src/stores/playersArr.ts | 16 ++++++++++++++++ src/stores/scrollState.ts | 15 +++++++++++++++ src/stores/searchParams.ts | 17 +++++++++++++++++ 8 files changed, 110 insertions(+), 18 deletions(-) delete mode 100644 src/stores/counter.ts create mode 100644 src/stores/infoState.ts create mode 100644 src/stores/matchDetails.ts create mode 100644 src/stores/playerDetails.ts create mode 100644 src/stores/playersArr.ts create mode 100644 src/stores/scrollState.ts create mode 100644 src/stores/searchParams.ts diff --git a/src/main.ts b/src/main.ts index 9d45672..cd4ba99 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,5 +1,5 @@ import { createApp } from "vue"; -//import { createPinia } from 'pinia' +import { createPinia } from "pinia"; import App from "./App.vue"; import router from "./router"; @@ -16,7 +16,7 @@ import "/src/scss/custom.scss"; const app = createApp(App); -//app.use(createPinia()) +app.use(createPinia()); app.use(router); app.use(store); diff --git a/src/stores/counter.ts b/src/stores/counter.ts deleted file mode 100644 index 4a2d242..0000000 --- a/src/stores/counter.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { defineStore } from 'pinia' - -export const useCounterStore = defineStore({ - id: 'counter', - state: () => ({ - counter: 0 - }), - getters: { - doubleCount: (state) => state.counter * 2 - }, - actions: { - increment() { - this.counter++ - } - } -}) diff --git a/src/stores/infoState.ts b/src/stores/infoState.ts new file mode 100644 index 0000000..ae95d61 --- /dev/null +++ b/src/stores/infoState.ts @@ -0,0 +1,28 @@ +import { defineStore } from "pinia"; + +export type infoState = { + statuscode: number; + message: string; + type: "error" | "success" | "warning"; +}; + +export type RootState = { + infoState: infoState[]; +}; + +export const useInfoStateStore = defineStore({ + id: "infoState", + state: () => + ({ + infoState: [], + } as RootState), + actions: { + addInfo(payload: infoState) { + this.infoState.push(payload); + }, + removeInfo(id: number) { + this.infoState.splice(id, 1); + }, + }, + getters: {}, +}); diff --git a/src/stores/matchDetails.ts b/src/stores/matchDetails.ts new file mode 100644 index 0000000..e62f0e5 --- /dev/null +++ b/src/stores/matchDetails.ts @@ -0,0 +1,16 @@ +import { defineStore } from "pinia"; +import type { Match } from "@/api"; + +export type RootState = { + matchDetails: Match; +}; + +export const useMatchDetailsStore = defineStore({ + id: "matchDetails", + state: () => + ({ + matchDetails: {}, + } as RootState), + actions: {}, + getters: {}, +}); diff --git a/src/stores/playerDetails.ts b/src/stores/playerDetails.ts new file mode 100644 index 0000000..99cfd62 --- /dev/null +++ b/src/stores/playerDetails.ts @@ -0,0 +1,16 @@ +import { defineStore } from "pinia"; +import type { Player } from "@/api"; + +export type RootState = { + playerDetails: Player; +}; + +export const usePlayerDetailsStore = defineStore({ + id: "playerDetails", + state: () => + ({ + playerDetails: {}, + } as RootState), + actions: {}, + getters: {}, +}); diff --git a/src/stores/playersArr.ts b/src/stores/playersArr.ts new file mode 100644 index 0000000..c8b8284 --- /dev/null +++ b/src/stores/playersArr.ts @@ -0,0 +1,16 @@ +import { defineStore } from "pinia"; +import type { Player } from "@/api"; + +export type RootState = { + playersArr: Player[]; +}; + +export const usePlayersArrStore = defineStore({ + id: "playersArr", + state: () => + ({ + playersArr: [], + } as RootState), + actions: {}, + getters: {}, +}); diff --git a/src/stores/scrollState.ts b/src/stores/scrollState.ts new file mode 100644 index 0000000..da5df99 --- /dev/null +++ b/src/stores/scrollState.ts @@ -0,0 +1,15 @@ +import { defineStore } from "pinia"; + +export type RootState = { + scrollState: number; +}; + +export const useScrollStateStore = defineStore({ + id: "scrollState", + state: () => + ({ + scrollState: 0, + } as RootState), + actions: {}, + getters: {}, +}); diff --git a/src/stores/searchParams.ts b/src/stores/searchParams.ts new file mode 100644 index 0000000..0aa5c44 --- /dev/null +++ b/src/stores/searchParams.ts @@ -0,0 +1,17 @@ +import { defineStore } from "pinia"; + +export type RootState = { + id64: string; + vanity_url: string; +}; + +export const useSearchParamsStore = defineStore({ + id: "searchParams", + state: () => + ({ + id64: "", + vanity_url: "", + } as RootState), + actions: {}, + getters: {}, +});