import { defineStore } from "pinia";

enum CardStyles {
  HERON = "heron",
  ORIGINAL = "original",
}

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