feat: add fontFamilies array

src/components/FontChange.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import { computed } from "vue"
+import { useUserRepoStore } from "../modules/repo/store/userRepo.store"
+
+const store = useUserRepoStore()
+
+const fontFamilies = computed(() => store.userSettings?.fontFamilies ?? [])
+</script>
+
+<template>
+  <select
+    v-if="fontFamilies.length > 0"
+    class="select select-sm"
+    :value="store.userSettings?.chosenFontFamily"
+    @change="store.setFontFamily(($event.target as HTMLSelectElement).value)"
+  >
+    <option v-for="font in fontFamilies" :key="font" :value="font">
+      {{ font }}
+    </option>
+  </select>
+</template>