Add first svg cards

components/CardPreview.vue

@@ -24,6 +24,12 @@ const childCount = ref<number>(0)
 
 const card = ref<HTMLElement>()
 
+const extension = computed(() => {
+    if (settingsStore.cardStyle == CardStyles.SVG) {
+        return ".svg"
+    }
+    return ".png"
+})
 function cardClick() {
     if (!props.card_id) return
     emit("click")
@@ -59,7 +65,7 @@ onMounted(() => {
             <slot></slot>
         </div>
         <img :class="`card_image`" v-if="props.card_id"
-            :src="`/cards/${settingsStore.cardStyle}/` + props.card_id.toString().padStart(3, '0') + '.png'"
+            :src="`/cards/${settingsStore.cardStyle}/` + props.card_id.toString().padStart(3, '0') + extension"
             draggable="false">
 
         <img :class="`card_image`" v-if="!props.card_id" :src="'/cards/background.png'" draggable="false">