From 1d13a935abdf17353846e38fae70557f7f56068b Mon Sep 17 00:00:00 2001
From: Marcel Hellkamp <marc@gsites.de>
Date: Thu, 6 Jun 2024 14:21:53 +0200
Subject: [PATCH] Typos

---
 README.md                      | 2 +-
 src/App.vue                    | 4 ++--
 src/components/ConfigModal.vue | 6 +++---
 src/config.ts                  | 8 ++++----
 src/sources.ts                 | 4 ++--
 src/utils.ts                   | 4 ++--
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 1688743..6e3ba87 100644
--- a/README.md
+++ b/README.md
@@ -99,7 +99,7 @@ This project was inspired by [Mastowall](https://github.com/rstockm/mastowall),
 
 ## License
 
-    Copyright (C) 2023  Marcel Hellkamp
+    Copyright (C) 2024  Marcel Hellkamp
     Copyright (C) 2023  Gesellschaft für wissenschaftliche Datenverarbeitung mbH Göttingen
 
     This program is free software: you can redistribute it and/or modify
diff --git a/src/App.vue b/src/App.vue
index f0c787b..21fad69 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,11 +65,11 @@ onUpdated(fixLayout)
 watch([useWindowSize().width, config, allPosts], fixLayout, { deep: true })
 
 // Watch for a theme changes
-const isDarkPrefered = usePreferredDark()
+const isDarkPreferred = usePreferredDark()
 const actualTheme = computed(() => {
   var theme = config.value?.theme
   if (!theme || theme === "auto")
-    theme = isDarkPrefered.value ? "dark" : "light"
+    theme = isDarkPreferred.value ? "dark" : "light"
   return theme
 })
 watch(actualTheme, () => {
diff --git a/src/components/ConfigModal.vue b/src/components/ConfigModal.vue
index 6eef30d..d7578e9 100644
--- a/src/components/ConfigModal.vue
+++ b/src/components/ConfigModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { sanatizeConfig, isServer, isLanguage, toQuery } from '@/config';
+import { sanitizeConfig, isServer, isLanguage, toQuery } from '@/config';
 import { computed, ref } from 'vue';
 import { arrayUnique } from '@/utils';
 import { type Config } from '@/types';
@@ -14,7 +14,7 @@ const props = defineProps<{
 
 const config = computed({
   get: () => props.modelValue,
-  set: (value) => emit('update:modelValue', sanatizeConfig(value)),
+  set: (value) => emit('update:modelValue', sanitizeConfig(value)),
 });
 
 const formServers = computed({
@@ -251,7 +251,7 @@ const onSubmit = () => {
                     <input type="text" class="form-control" id="edit-server" placeholder="all languages"
                       v-model.lazy="formLang">
                     <div class="form-text">List of <a href="https://en.wikipedia.org/wiki/ISO_639-1"
-                        tyrget="_blanlk">two-letter language codes</a> to allow. Leave blank to allow all languages.</div>
+                        target="_blank">two-letter language codes</a> to allow. Leave blank to allow all languages.</div>
                   </div>
                 </div>
 
diff --git a/src/config.ts b/src/config.ts
index a07fe46..4a09c63 100644
--- a/src/config.ts
+++ b/src/config.ts
@@ -180,7 +180,7 @@ export function fromQuery(query: string): Config {
     }
 
     // Clean, fix and return a valid config
-    return sanatizeConfig(config);
+    return sanitizeConfig(config);
 }
 
 export function toQuery(config: Config, userConfig?: string): string {
@@ -223,7 +223,7 @@ export function isLanguage(lang: string) {
     return isString(lang) && lang.match(/^[a-z]{2}$/i)
 }
 
-export function sanatizeConfig(config: any): Config {
+export function sanitizeConfig(config: any): Config {
 
     const boolOr = (value: any, fallback: boolean) => {
         if (typeof value == "boolean") return value;
@@ -284,7 +284,7 @@ export async function loadConfig() {
         try {
             const rs = await fetch(url, { cache: "reload", })
             if (!rs.ok) throw new Error(`HTTP error! Status: ${rs.status}`);
-            siteConfig = sanatizeConfig(await rs.json() || {});
+            siteConfig = sanitizeConfig(await rs.json() || {});
             siteConfigSource = url
         } catch (e) {
             console.warn(`Failed to load (or parse) [${url}], falling back to defaults.`)
@@ -297,7 +297,7 @@ export async function loadConfig() {
     if (!siteConfig && siteConfigUrl)
         await loadJson(siteConfigUrl)
     if (!siteConfig)
-        siteConfig = sanatizeConfig(deepClone(fallbackConfig))
+        siteConfig = sanitizeConfig(deepClone(fallbackConfig))
 
     return fromQuery(window.location.search)
 }
\ No newline at end of file
diff --git a/src/sources.ts b/src/sources.ts
index 2231321..3daf91c 100644
--- a/src/sources.ts
+++ b/src/sources.ts
@@ -82,7 +82,7 @@ export async function fetchPosts(cfg: Config, onProgress: (progress: Progress) =
 
     // Collect results
     const posts: Post[] = []
-    const addOrRepacePost = (post: Post) => {
+    const addOrReplacePost = (post: Post) => {
         const i = posts.findIndex(p => p.id === post.id)
         if (i >= 0)
             posts[i] = post
@@ -108,7 +108,7 @@ export async function fetchPosts(cfg: Config, onProgress: (progress: Progress) =
                             .map(status => fixLocalAcct(domain, status))
                             .filter(status => filterStatus(cfg, status))
                             .map(status => statusToWallPost(cfg, status))
-                            .forEach(addOrRepacePost)
+                            .forEach(addOrReplacePost)
                     } catch (err: any) {
                         let error = err instanceof Error ? err : new Error(err?.toString())
                         progress.errors.push(error)
diff --git a/src/utils.ts b/src/utils.ts
index 95f8900..d0277f4 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -29,11 +29,11 @@ export function deepClone(obj: any) {
 
 
 /**
- * Find all text nodes and replace each occuences of a pattern with either
+ * Find all text nodes and replace each occurrences of a pattern with either
  * a string or a new DOM node. Can be used to replace emojis with images or
  * URLs with links.
  * 
- * The root node is modifed in-place and also returned.
+ * The root node is modified in-place and also returned.
  */
 export function replaceInText(root: Node, pattern: RegExp, replace: (m: RegExpMatchArray) => string | Node) {
     const walk = (node: Node) => {