import { defineStore } from "pinia";

export enum CardStyles {
  HERON = "heron",
  ORIGINAL = "original",
  SVG = "heron-svg"
}

export const useSettingsStore = defineStore("settingstore", {
  state: () => ({
    cardStyle: CardStyles.SVG,
    animationSpeed: 100,
    shaderQuality: 3,
    shaderFramerate: 10,
    shaderPixelated: true,
  }),
  actions: {
    switchCardStyles() {
      if (this.cardStyle === CardStyles.HERON) {
        this.cardStyle = CardStyles.ORIGINAL;
      } else if (this.cardStyle === CardStyles.ORIGINAL) {
        this.cardStyle = CardStyles.SVG;
      } else {
        this.cardStyle = CardStyles.HERON;
      }
    },
  },
  persist: true,
});