Feat: add persistentSettingsStore using LocalStorage plugin

components/CardOverlay.vue

@@ -1,15 +1,13 @@
 <script setup lang="ts">
-import { getCardsType } from '~/helpers/settingsCookies';
 import goStore from '~/netcode';
 
 export interface Props {
     card_id: number | undefined
 }
 
+const settingsStore = useSettingsStore()
 const props = defineProps<Props>()
 
-const cardsType = ref(getCardsType().value)
-
 const card: Ref<Element | null> = ref(null)
 
 const x = computed(() => {
@@ -35,7 +33,8 @@ const y = computed(() => {
 <template>
     <div :class="`card_overlay`" :style="`top: ${y}px; left: ${x}px`" ref="card">
         <img :class="`card_image`" v-if="props.card_id"
-            :src="`/cards/${cardsType}/` + props.card_id.toString().padStart(3, '0') + '.png'" draggable="false">
+            :src="`/cards/${settingsStore.cardStyle}/` + props.card_id.toString().padStart(3, '0') + '.png'"
+            draggable="false">
 
         <!-- <img :class="`card_image`" v-if="!props.card_id" :src="'/cards/background.png'" draggable="false"> -->
     </div>