From 71c9485abfdf531da789117e26c369578633c734 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Sat, 8 Nov 2025 12:26:15 +0100
Subject: [PATCH 01/13] Move HTML template part before script part

---
 docs/.vuepress/components/MiniBlog.vue | 56 +++++++++++++-------------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/docs/.vuepress/components/MiniBlog.vue b/docs/.vuepress/components/MiniBlog.vue
index 8a3023d..4e9a908 100644
--- a/docs/.vuepress/components/MiniBlog.vue
+++ b/docs/.vuepress/components/MiniBlog.vue
@@ -1,31 +1,3 @@
-<script setup>
-import { computed } from "vue";
-import { useRouteLocale } from "vuepress/client";
-import articles from "@temp/mini-blog.articles.json"; // kommt aus dem Build-Hook
-
-const locale = useRouteLocale();
-
-const props =  defineProps({
-  title: { type: String},
-  readMoreLinkTitle: { type: String},
-  showAllPostsButtonTitle: { type: String},
-});
-
-// Nur Artikel des aktuellen Locales + Top 3
-const items = computed(() => {
-  const loc = locale.value || "/";
-  const list = (articles || []).filter(a => a.locale === loc);
-  return list.slice(0, 3);
-});
-
-const articleIndex = computed(() =>
-  (locale.value === "/" ? "/article/" : `${locale.value}article/`)
-);
-
-const formatDate = (d) =>
-  d ? new Date(d).toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" }) : "";
-</script>
-
 <template>
   <div class="mini-blog__div" v-if="items.length">
     <h2 class="large-header">{{ title }}</h2>
@@ -75,6 +47,34 @@ const formatDate = (d) =>
   </div>
 </template>
 
+<script setup>
+import { computed } from "vue";
+import { useRouteLocale } from "vuepress/client";
+import articles from "@temp/mini-blog.articles.json"; // kommt aus dem Build-Hook
+
+const locale = useRouteLocale();
+
+const props =  defineProps({
+  title: { type: String},
+  readMoreLinkTitle: { type: String},
+  showAllPostsButtonTitle: { type: String},
+});
+
+// Nur Artikel des aktuellen Locales + Top 3
+const items = computed(() => {
+  const loc = locale.value || "/";
+  const list = (articles || []).filter(a => a.locale === loc);
+  return list.slice(0, 3);
+});
+
+const articleIndex = computed(() =>
+  (locale.value === "/" ? "/article/" : `${locale.value}article/`)
+);
+
+const formatDate = (d) =>
+  d ? new Date(d).toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" }) : "";
+</script>
+
 <style scoped>
 /* Abschnitt */
 .mini-blog {

From edb46d47504e0eac1373cb9142246209f2e1213b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 10 Nov 2025 11:39:13 +0100
Subject: [PATCH 02/13] Implement DonationBar component

---
 docs/.vuepress/client.js                      |  2 ++
 docs/.vuepress/components/DonationBar.vue     | 18 +++++++++++++
 .../README.md                                 | 25 ++++---------------
 3 files changed, 25 insertions(+), 20 deletions(-)
 create mode 100644 docs/.vuepress/components/DonationBar.vue

diff --git a/docs/.vuepress/client.js b/docs/.vuepress/client.js
index 08ee6d0..17f7ef1 100644
--- a/docs/.vuepress/client.js
+++ b/docs/.vuepress/client.js
@@ -1,8 +1,10 @@
 import { defineClientConfig } from "vuepress/client";
+import DonationBar from "./components/DonationBar.vue";
 import MiniBlog from "./components/MiniBlog.vue";
 
 export default defineClientConfig({
   enhance({ app }) {
+    app.component("DonationBar", DonationBar);
     app.component("MiniBlog", MiniBlog);
   },
 });
diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
new file mode 100644
index 0000000..c360617
--- /dev/null
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -0,0 +1,18 @@
+<template>
+  <!-- similar to markdown "### X" -->
+  <h3 id="aktueller-spendenstand-—-ziel-1-200-€" tabindex="-1">
+    <a class="header-anchor" href="#aktueller-spendenstand-—-ziel-1-200-€">
+      <span>Aktueller Spendenstand — Ziel: 1.200&thinsp;€</span>
+    </a>
+  </h3>
+  <div style="width: 100%; border: 1px solid var(--notice-c-accent-bg); border-radius: 10px; margin: 20px 0 20px 0;">
+    <div style="width: 12.5%; border-radius: 10px 0 0 10px; color: #000; background-color: var(--notice-c-accent-bg); font-size: 2em; text-align: right; padding-right: 10px;">
+      150&thinsp;€
+    </div>
+  </div>
+  <p>
+    Stand 5.11.2025, wird wöchentlich aktualisiert.
+    <br/>
+     Das Crowdfunding läuft vom 5.11.2025 bis 2.1.2026.
+  </p>
+</template>
diff --git a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
index ecad744..737b42e 100644
--- a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
+++ b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
@@ -18,18 +18,11 @@ title: "Unser erstes Crowdfunding! 🪄✨"
 description: "Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden können."
 ---
 
+<!-- markdownlint-disable no-inline-html first-line-heading -->
+
 Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden können.
 
-### Aktueller Spendenstand — Ziel: 1.200&thinsp;€
-
-<div style="width: 100%; border: 1px solid var(--notice-c-accent-bg); border-radius: 10px; margin: 20px 0 20px 0;">
-  <div style="width: 12.5%; border-radius: 10px 0 0 10px; color: #000; background-color: var(--notice-c-accent-bg); font-size: 2em; text-align: right; padding-right: 10px;">
-    150&thinsp;€
-  </div>
-</div>
-
-Stand 5.11.2025, wird wöchentlich aktualisiert.  
-Das Crowdfunding läuft vom 5.11.2025 bis 2.1.2026.
+<DonationBar/>
 
 ### Worum geht es
 
@@ -57,16 +50,8 @@ Der busFaktor() e.V. als Betreuer der freien Open-Source-Software *ocelot.social
 Da er keine kommerziellen Interessen verfolgt, wird die Weiterentwicklung der Software rein über ehrenamtliche Arbeit, über Spenden und Mitgliedsbeiträge sowie über Aufträge der Betreiber von *ocelot.social*-Netzwerken an freie Entwickler finanziert.
 Also auch über eine Spende von dir.
 
-### Aktueller Spendenstand — Ziel: 1.200&thinsp;€
-
-<div style="width: 100%; border: 1px solid var(--notice-c-accent-bg); border-radius: 10px; margin: 20px 0 20px 0;">
-  <div style="width: 12.5%; border-radius: 10px 0 0 10px; color: #000; background-color: var(--notice-c-accent-bg); font-size: 2em; text-align: right; padding-right: 10px;">
-    150&thinsp;€
-  </div>
-</div>
-
-Stand 5.11.2025, wird wöchentlich aktualisiert.  
-Das Crowdfunding läuft vom 5.11.2025 bis 2.1.2026.
+<!-- markdownlint-disable no-duplicate-heading -->
+<DonationBar/>
 
 ### Spenden
 

From 366c5fdebef2be177003efa25534945b38f1a815 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 10 Nov 2025 23:39:26 +0100
Subject: [PATCH 03/13] Refine DonationBar component

---
 docs/.vuepress/components/DonationBar.vue     | 107 ++++++++++++++++--
 docs/.vuepress/components/MiniBlog.vue        |   1 +
 .../README.md                                 |  16 ++-
 3 files changed, 114 insertions(+), 10 deletions(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index c360617..f673579 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -1,18 +1,109 @@
 <template>
   <!-- similar to markdown "### X" -->
-  <h3 id="aktueller-spendenstand-—-ziel-1-200-€" tabindex="-1">
-    <a class="header-anchor" href="#aktueller-spendenstand-—-ziel-1-200-€">
-      <span>Aktueller Spendenstand — Ziel: 1.200&thinsp;€</span>
+  <h3 id="current-donation-total" tabindex="-1">
+    <a class="header-anchor" href="#current-donation-total">
+      <span>{{ title }}</span>
     </a>
   </h3>
-  <div style="width: 100%; border: 1px solid var(--notice-c-accent-bg); border-radius: 10px; margin: 20px 0 20px 0;">
-    <div style="width: 12.5%; border-radius: 10px 0 0 10px; color: #000; background-color: var(--notice-c-accent-bg); font-size: 2em; text-align: right; padding-right: 10px;">
-      150&thinsp;€
+  <div class="donation-bar">
+    <div class="donation-bar-value" :style="{ width: (currentValue / target) * 100 + '%' }">
+      {{ currentValueStr }}
     </div>
   </div>
   <p>
-    Stand 5.11.2025, wird wöchentlich aktualisiert.
+    {{ asOfDateStr }}
     <br/>
-     Das Crowdfunding läuft vom 5.11.2025 bis 2.1.2026.
+    {{ timeFrameStr }}
   </p>
 </template>
+
+<script setup>
+import { computed } from "vue"
+import { usePageLang, useRouteLocale } from "vuepress/client"
+
+const stripSlashes = s => s.replace(/^\/+|\/+$/g, '');
+
+const locale = stripSlashes(useRouteLocale().value) || 'de'
+const lang = usePageLang().value || 'de-DE' // Ref<string>, e.g. "de-DE" or "en-US"
+
+const props =  defineProps({
+  currentValue: { type: Number, required: true},
+  target: { type: Number, required: true},
+  startDate: { type: Date, required: true},
+  endDate: { type: Date, required: true},
+  asOfDate: { type: Date, required: true},
+})
+
+const title = computed(() => {
+  switch (locale) {
+    case 'de':
+      return 'Aktueller Spendenstand — Ziel: ' + props.target.toLocaleString(lang) + ' €' // &thinsp;€
+    case 'en':
+      return 'Current donation total — Target: ' + props.target.toLocaleString(lang) + ' €' // &thinsp;€
+    case 'es':
+      return 'Saldo actual de donaciones — Objetivo: ' + props.target.toLocaleString(lang) + ' €' // &thinsp;€
+    case 'fr':
+      return 'Montant actuel des dons — Objectif : ' + props.target.toLocaleString(lang) + ' €' // &thinsp;€
+  }
+})
+const currentValueStr = computed(() => {
+  return props.currentValue.toLocaleString(lang) + ' €' // &thinsp;€
+})
+const dateFormat = { year: "numeric", month: "short", day: "numeric" }
+const asOfDateStr = computed(() => {
+  switch (locale) {
+    case 'de':
+      return 'Stand ' + new Date(props.asOfDate).toLocaleDateString(lang, dateFormat) + ', wird wöchentlich aktualisiert.'
+    case 'en':
+      return 'As of ' + new Date(props.asOfDate).toLocaleDateString(lang, dateFormat) + ', updated weekly.'
+    case 'es':
+      return 'Situación a ' + new Date(props.asOfDate).toLocaleDateString(lang, dateFormat) + ', se actualiza semanalmente.'
+    case 'fr':
+      return 'Situation au ' + new Date(props.asOfDate).toLocaleDateString(lang, dateFormat) + ', mise à jour hebdomadaire.'
+  }
+})
+const timeFrameStr = computed(() => {
+  switch (locale) {
+    case 'de':
+      return 'Das Crowdfunding läuft vom ' + new Date(props.asOfDate).toLocaleDateString(lang, dateFormat) + ' bis ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
+    case 'en':
+      return 'The crowdfunding campaign will run from ' + new Date(props.startDate).toLocaleDateString(lang, dateFormat) + ', to ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
+    case 'es':
+      return 'La campaña de crowdfunding estará activa desde el ' + new Date(props.startDate).toLocaleDateString(lang, dateFormat) + ' hasta el ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
+    case 'fr':
+      return 'Le financement participatif se déroulera du ' + new Date(props.startDate).toLocaleDateString(lang, dateFormat) + ' au ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
+  }
+})
+</script>
+
+<style scoped>
+.donation-bar {
+  width: 100%;
+  border: 1px solid var(--notice-c-accent-bg);
+  border-radius: 10px;
+  margin: 20px 0 20px 0;
+}
+
+.donation-bar-value {
+  border-radius: 10px 0 0 10px;
+  color: #000;
+  background-color: var(--notice-c-accent-bg);
+  font-size: 2em;
+  text-align: right;
+  padding-right: 10px;
+}
+
+@media (max-width: 830px) {
+  .donation-bar-value {
+    font-size: 1.5em;
+    padding-right: 6px;
+  }
+}
+
+@media (max-width: 600px) {
+  .donation-bar-value {
+    font-size: 1em;
+    padding-right: 4px;
+  }
+}
+</style>
diff --git a/docs/.vuepress/components/MiniBlog.vue b/docs/.vuepress/components/MiniBlog.vue
index 4e9a908..78657bc 100644
--- a/docs/.vuepress/components/MiniBlog.vue
+++ b/docs/.vuepress/components/MiniBlog.vue
@@ -71,6 +71,7 @@ const articleIndex = computed(() =>
   (locale.value === "/" ? "/article/" : `${locale.value}article/`)
 );
 
+// Wolle
 const formatDate = (d) =>
   d ? new Date(d).toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" }) : "";
 </script>
diff --git a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
index 737b42e..7b4c5fc 100644
--- a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
+++ b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
@@ -22,7 +22,13 @@ description: "Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden
 
 Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden können.
 
-<DonationBar/>
+<DonationBar
+  :currentValue="150"
+  :target="1200"
+  :startDate="new Date('2025-11-05')"
+  :endDate="new Date('2026-01-02')"
+  :asOfDate="new Date('2025-11-05')"
+/>
 
 ### Worum geht es
 
@@ -51,7 +57,13 @@ Da er keine kommerziellen Interessen verfolgt, wird die Weiterentwicklung der So
 Also auch über eine Spende von dir.
 
 <!-- markdownlint-disable no-duplicate-heading -->
-<DonationBar/>
+<DonationBar
+  :currentValue="150"
+  :target="1200"
+  :startDate="new Date('2025-11-05')"
+  :endDate="new Date('2026-01-02')"
+  :asOfDate="new Date('2025-11-05')"
+/>
 
 ### Spenden
 

From 23221d255bb22c3029e995f35f411d95459a1aef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 10 Nov 2025 23:43:30 +0100
Subject: [PATCH 04/13] Fix MiniBlog date language error

---
 docs/.vuepress/components/MiniBlog.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/.vuepress/components/MiniBlog.vue b/docs/.vuepress/components/MiniBlog.vue
index 78657bc..6972b1c 100644
--- a/docs/.vuepress/components/MiniBlog.vue
+++ b/docs/.vuepress/components/MiniBlog.vue
@@ -49,10 +49,11 @@
 
 <script setup>
 import { computed } from "vue";
-import { useRouteLocale } from "vuepress/client";
+import { usePageLang, useRouteLocale } from "vuepress/client";
 import articles from "@temp/mini-blog.articles.json"; // kommt aus dem Build-Hook
 
-const locale = useRouteLocale();
+const locale = useRouteLocale()
+const lang = usePageLang().value || 'de-DE' // Ref<string>, e.g. "de-DE" or "en-US"
 
 const props =  defineProps({
   title: { type: String},
@@ -71,9 +72,8 @@ const articleIndex = computed(() =>
   (locale.value === "/" ? "/article/" : `${locale.value}article/`)
 );
 
-// Wolle
 const formatDate = (d) =>
-  d ? new Date(d).toLocaleDateString(undefined, { year: "numeric", month: "short", day: "numeric" }) : "";
+  d ? new Date(d).toLocaleDateString(lang, { year: "numeric", month: "short", day: "numeric" }) : "";
 </script>
 
 <style scoped>

From b13dd7e42d74a0b762c5b879e82bc7673285ce13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 10 Nov 2025 23:50:36 +0100
Subject: [PATCH 05/13] Adjust DonationBar component month format to 'long'

---
 docs/.vuepress/components/DonationBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index f673579..968a8de 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -49,7 +49,7 @@ const title = computed(() => {
 const currentValueStr = computed(() => {
   return props.currentValue.toLocaleString(lang) + ' €' // &thinsp;€
 })
-const dateFormat = { year: "numeric", month: "short", day: "numeric" }
+const dateFormat = { year: "numeric", month: "long", day: "numeric" }
 const asOfDateStr = computed(() => {
   switch (locale) {
     case 'de':

From 86ccc463b7e343702aef7311b3466dc0de7d8ccd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Mon, 10 Nov 2025 23:51:28 +0100
Subject: [PATCH 06/13] Adjust crowdfunding 'currentValue' and 'asOfDate'

---
 .../README.md                                             | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
index 7b4c5fc..713f0e5 100644
--- a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
+++ b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
@@ -23,11 +23,11 @@ description: "Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden
 Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden können.
 
 <DonationBar
-  :currentValue="150"
+  :currentValue="180"
   :target="1200"
   :startDate="new Date('2025-11-05')"
   :endDate="new Date('2026-01-02')"
-  :asOfDate="new Date('2025-11-05')"
+  :asOfDate="new Date('2025-11-10')"
 />
 
 ### Worum geht es
@@ -58,11 +58,11 @@ Also auch über eine Spende von dir.
 
 <!-- markdownlint-disable no-duplicate-heading -->
 <DonationBar
-  :currentValue="150"
+  :currentValue="180"
   :target="1200"
   :startDate="new Date('2025-11-05')"
   :endDate="new Date('2026-01-02')"
-  :asOfDate="new Date('2025-11-05')"
+  :asOfDate="new Date('2025-11-10')"
 />
 
 ### Spenden

From 814397631afd016b1481a4fface043fb5aa0b785 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Tue, 11 Nov 2025 10:16:39 +0100
Subject: [PATCH 07/13] Fix text error on "Version 3.13.0 bringt Verbesserungen
 beim Kommentieren"

---
 .../README.md                                                   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/de/news/2025-10-28-release-3-13-0-add-call-to-action-on-comment-list/README.md b/docs/de/news/2025-10-28-release-3-13-0-add-call-to-action-on-comment-list/README.md
index d3993d3..64b3024 100644
--- a/docs/de/news/2025-10-28-release-3-13-0-add-call-to-action-on-comment-list/README.md
+++ b/docs/de/news/2025-10-28-release-3-13-0-add-call-to-action-on-comment-list/README.md
@@ -18,7 +18,7 @@ Die neue Version 3.13.0 macht es dir einfacher, das Kommentieren freizuschalten.
 
 ## Worum geht es?
 
-In eingen Fällen ist bei Beiträgen die Kommentarfunktion deaktiviert:
+In einigen Fällen ist bei Beiträgen die Kommentarfunktion deaktiviert:
 
 - Wenn du den Autor des Beitrags blockiert hast.
 - Wenn du nicht Mitglied der Gruppe bist, in welcher der Beitrag erscheint.

From 3405e46723237629b3bca13a98f82d00e394f5ac Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 12 Nov 2025 08:48:31 +0100
Subject: [PATCH 08/13] fix start date in donation bar component german text

---
 docs/.vuepress/components/DonationBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index 968a8de..f65e466 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -65,7 +65,7 @@ const asOfDateStr = computed(() => {
 const timeFrameStr = computed(() => {
   switch (locale) {
     case 'de':
-      return 'Das Crowdfunding läuft vom ' + new Date(props.asOfDate).toLocaleDateString(lang, dateFormat) + ' bis ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
+      return 'Das Crowdfunding läuft vom ' + new Date(props.startDate).toLocaleDateString(lang, dateFormat) + ' bis ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
     case 'en':
       return 'The crowdfunding campaign will run from ' + new Date(props.startDate).toLocaleDateString(lang, dateFormat) + ', to ' + new Date(props.endDate).toLocaleDateString(lang, dateFormat) + '.'
     case 'es':

From b48af9b2197fa12a36eecb87bf638344976b8587 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 12 Nov 2025 11:07:31 +0100
Subject: [PATCH 09/13] refactor DonationBar: enforce build-failing prop
 validation - Move validation from prop validators to runtime checks with
 process.exit(1) to ensure invalid props crash dev/build processes during SSR
 rendering.

---
 docs/.vuepress/components/DonationBar.vue     | 139 +++++++++++++++++-
 .../README.md                                 |  12 +-
 2 files changed, 138 insertions(+), 13 deletions(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index f65e466..add4872 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -24,16 +24,141 @@ import { usePageLang, useRouteLocale } from "vuepress/client"
 const stripSlashes = s => s.replace(/^\/+|\/+$/g, '');
 
 const locale = stripSlashes(useRouteLocale().value) || 'de'
-const lang = usePageLang().value || 'de-DE' // Ref<string>, e.g. "de-DE" or "en-US"
+const lang = usePageLang().value || 'de-DE'
 
-const props =  defineProps({
-  currentValue: { type: Number, required: true},
-  target: { type: Number, required: true},
-  startDate: { type: Date, required: true},
-  endDate: { type: Date, required: true},
-  asOfDate: { type: Date, required: true},
+const props = defineProps({
+  currentValue: {
+    type: Number,
+    required: true
+  },
+  target: {
+    type: Number,
+    required: true
+  },
+  startDate: {
+    type: String,
+    required: true
+  },
+  endDate: {
+    type: String,
+    required: true
+  },
+  asOfDate: {
+    type: String,
+    required: true
+  },
 })
 
+if (typeof props.currentValue !== 'number') {
+  const error = `[DonationBar] Prop "currentValue" must be a number, received: ${typeof props.currentValue} (${props.currentValue})`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (isNaN(props.currentValue)) {
+  const error = `[DonationBar] Prop "currentValue" must be a valid number, received: NaN`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (!isFinite(props.currentValue)) {
+  const error = `[DonationBar] Prop "currentValue" must be a finite number, received: ${props.currentValue}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (props.currentValue < 0) {
+  const error = `[DonationBar] Prop "currentValue" must be >= 0, received: ${props.currentValue}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+
+if (typeof props.target !== 'number') {
+  const error = `[DonationBar] Prop "target" must be a number, received: ${typeof props.target} (${props.target})`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (isNaN(props.target)) {
+  const error = `[DonationBar] Prop "target" must be a valid number, received: NaN`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (!isFinite(props.target)) {
+  const error = `[DonationBar] Prop "target" must be a finite number, received: ${props.target}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (props.target <= 0) {
+  const error = `[DonationBar] Prop "target" must be > 0, received: ${props.target}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+
+if (typeof props.startDate !== 'string') {
+  const error = `[DonationBar] Prop "startDate" must be a string, received: ${typeof props.startDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+const startDateRegex = /^\d{4}-\d{2}-\d{2}$/
+if (!startDateRegex.test(props.startDate)) {
+  const error = `[DonationBar] Prop "startDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.startDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (isNaN(new Date(props.startDate).getTime())) {
+  const error = `[DonationBar] Prop "startDate" has invalid date value: ${props.startDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+
+if (typeof props.endDate !== 'string') {
+  const error = `[DonationBar] Prop "endDate" must be a string, received: ${typeof props.endDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+const endDateRegex = /^\d{4}-\d{2}-\d{2}$/
+if (!endDateRegex.test(props.endDate)) {
+  const error = `[DonationBar] Prop "endDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.endDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (isNaN(new Date(props.endDate).getTime())) {
+  const error = `[DonationBar] Prop "endDate" has invalid date value: ${props.endDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+
+if (typeof props.asOfDate !== 'string') {
+  const error = `[DonationBar] Prop "asOfDate" must be a string, received: ${typeof props.asOfDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+const asOfDateRegex = /^\d{4}-\d{2}-\d{2}$/
+if (!asOfDateRegex.test(props.asOfDate)) {
+  const error = `[DonationBar] Prop "asOfDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.asOfDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+if (isNaN(new Date(props.asOfDate).getTime())) {
+  const error = `[DonationBar] Prop "asOfDate" has invalid date value: ${props.asOfDate}`
+  console.error(error)
+  if (typeof process !== 'undefined') process.exit(1)
+  throw new Error(error)
+}
+
 const title = computed(() => {
   switch (locale) {
     case 'de':
diff --git a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
index 713f0e5..50bb452 100644
--- a/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
+++ b/docs/de/news/2025-11-05-crowdfunding-feature-pinned-posts-in-groups/README.md
@@ -25,9 +25,9 @@ Hilf mit deiner Spende, dass Beiträge in Gruppen angepinnt werden können.
 <DonationBar
   :currentValue="180"
   :target="1200"
-  :startDate="new Date('2025-11-05')"
-  :endDate="new Date('2026-01-02')"
-  :asOfDate="new Date('2025-11-10')"
+  startDate="2025-11-05"
+  endDate="2026-01-02"
+  asOfDate="2025-11-10"
 />
 
 ### Worum geht es
@@ -60,9 +60,9 @@ Also auch über eine Spende von dir.
 <DonationBar
   :currentValue="180"
   :target="1200"
-  :startDate="new Date('2025-11-05')"
-  :endDate="new Date('2026-01-02')"
-  :asOfDate="new Date('2025-11-10')"
+  startDate="2025-11-05"
+  endDate="2026-01-02"
+  asOfDate="2025-11-10"
 />
 
 ### Spenden

From 73bcb71754a3defb9057359681aebdb9453580b8 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 12 Nov 2025 12:14:23 +0100
Subject: [PATCH 10/13] remove process.exit call from component

---
 docs/.vuepress/components/DonationBar.vue | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index add4872..139519b 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -52,110 +52,93 @@ const props = defineProps({
 if (typeof props.currentValue !== 'number') {
   const error = `[DonationBar] Prop "currentValue" must be a number, received: ${typeof props.currentValue} (${props.currentValue})`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (isNaN(props.currentValue)) {
   const error = `[DonationBar] Prop "currentValue" must be a valid number, received: NaN`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (!isFinite(props.currentValue)) {
   const error = `[DonationBar] Prop "currentValue" must be a finite number, received: ${props.currentValue}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (props.currentValue < 0) {
   const error = `[DonationBar] Prop "currentValue" must be >= 0, received: ${props.currentValue}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 
 if (typeof props.target !== 'number') {
   const error = `[DonationBar] Prop "target" must be a number, received: ${typeof props.target} (${props.target})`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (isNaN(props.target)) {
   const error = `[DonationBar] Prop "target" must be a valid number, received: NaN`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (!isFinite(props.target)) {
   const error = `[DonationBar] Prop "target" must be a finite number, received: ${props.target}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (props.target <= 0) {
   const error = `[DonationBar] Prop "target" must be > 0, received: ${props.target}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 
 if (typeof props.startDate !== 'string') {
   const error = `[DonationBar] Prop "startDate" must be a string, received: ${typeof props.startDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 const startDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!startDateRegex.test(props.startDate)) {
   const error = `[DonationBar] Prop "startDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.startDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (isNaN(new Date(props.startDate).getTime())) {
   const error = `[DonationBar] Prop "startDate" has invalid date value: ${props.startDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 
 if (typeof props.endDate !== 'string') {
   const error = `[DonationBar] Prop "endDate" must be a string, received: ${typeof props.endDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 const endDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!endDateRegex.test(props.endDate)) {
   const error = `[DonationBar] Prop "endDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.endDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (isNaN(new Date(props.endDate).getTime())) {
   const error = `[DonationBar] Prop "endDate" has invalid date value: ${props.endDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 
 if (typeof props.asOfDate !== 'string') {
   const error = `[DonationBar] Prop "asOfDate" must be a string, received: ${typeof props.asOfDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 const asOfDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!asOfDateRegex.test(props.asOfDate)) {
   const error = `[DonationBar] Prop "asOfDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.asOfDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 if (isNaN(new Date(props.asOfDate).getTime())) {
   const error = `[DonationBar] Prop "asOfDate" has invalid date value: ${props.asOfDate}`
   console.error(error)
-  if (typeof process !== 'undefined') process.exit(1)
   throw new Error(error)
 }
 

From 6bc5a43219305e85a13c9a56b0466ec0e8b8a7fd Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 12 Nov 2025 12:26:33 +0100
Subject: [PATCH 11/13] extract throwError helper to reduce repetition

---
 docs/.vuepress/components/DonationBar.vue | 73 +++++++----------------
 1 file changed, 22 insertions(+), 51 deletions(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index 139519b..a7cfc26 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -26,6 +26,11 @@ const stripSlashes = s => s.replace(/^\/+|\/+$/g, '');
 const locale = stripSlashes(useRouteLocale().value) || 'de'
 const lang = usePageLang().value || 'de-DE'
 
+const throwError = (message) => {
+  console.error(message)
+  throw new Error(message)
+}
+
 const props = defineProps({
   currentValue: {
     type: Number,
@@ -50,96 +55,62 @@ const props = defineProps({
 })
 
 if (typeof props.currentValue !== 'number') {
-  const error = `[DonationBar] Prop "currentValue" must be a number, received: ${typeof props.currentValue} (${props.currentValue})`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "currentValue" must be a number, received: ${typeof props.currentValue} (${props.currentValue})`)
 }
 if (isNaN(props.currentValue)) {
-  const error = `[DonationBar] Prop "currentValue" must be a valid number, received: NaN`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "currentValue" must be a valid number, received: NaN`)
 }
 if (!isFinite(props.currentValue)) {
-  const error = `[DonationBar] Prop "currentValue" must be a finite number, received: ${props.currentValue}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "currentValue" must be a finite number, received: ${props.currentValue}`)
 }
 if (props.currentValue < 0) {
-  const error = `[DonationBar] Prop "currentValue" must be >= 0, received: ${props.currentValue}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "currentValue" must be >= 0, received: ${props.currentValue}`)
 }
 
 if (typeof props.target !== 'number') {
-  const error = `[DonationBar] Prop "target" must be a number, received: ${typeof props.target} (${props.target})`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "target" must be a number, received: ${typeof props.target} (${props.target})`)
 }
 if (isNaN(props.target)) {
-  const error = `[DonationBar] Prop "target" must be a valid number, received: NaN`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "target" must be a valid number, received: NaN`)
 }
 if (!isFinite(props.target)) {
-  const error = `[DonationBar] Prop "target" must be a finite number, received: ${props.target}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "target" must be a finite number, received: ${props.target}`)
 }
 if (props.target <= 0) {
-  const error = `[DonationBar] Prop "target" must be > 0, received: ${props.target}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "target" must be > 0, received: ${props.target}`)
 }
 
 if (typeof props.startDate !== 'string') {
-  const error = `[DonationBar] Prop "startDate" must be a string, received: ${typeof props.startDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "startDate" must be a string, received: ${typeof props.startDate}`)
 }
 const startDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!startDateRegex.test(props.startDate)) {
-  const error = `[DonationBar] Prop "startDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.startDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "startDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.startDate}`)
 }
 if (isNaN(new Date(props.startDate).getTime())) {
-  const error = `[DonationBar] Prop "startDate" has invalid date value: ${props.startDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "startDate" has invalid date value: ${props.startDate}`)
 }
 
 if (typeof props.endDate !== 'string') {
-  const error = `[DonationBar] Prop "endDate" must be a string, received: ${typeof props.endDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "endDate" must be a string, received: ${typeof props.endDate}`)
 }
 const endDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!endDateRegex.test(props.endDate)) {
-  const error = `[DonationBar] Prop "endDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.endDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "endDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.endDate}`)
 }
 if (isNaN(new Date(props.endDate).getTime())) {
-  const error = `[DonationBar] Prop "endDate" has invalid date value: ${props.endDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "endDate" has invalid date value: ${props.endDate}`)
 }
 
 if (typeof props.asOfDate !== 'string') {
-  const error = `[DonationBar] Prop "asOfDate" must be a string, received: ${typeof props.asOfDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "asOfDate" must be a string, received: ${typeof props.asOfDate}`)
 }
 const asOfDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!asOfDateRegex.test(props.asOfDate)) {
-  const error = `[DonationBar] Prop "asOfDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.asOfDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "asOfDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.asOfDate}`)
 }
 if (isNaN(new Date(props.asOfDate).getTime())) {
-  const error = `[DonationBar] Prop "asOfDate" has invalid date value: ${props.asOfDate}`
-  console.error(error)
-  throw new Error(error)
+  throwError(`[DonationBar] Prop "asOfDate" has invalid date value: ${props.asOfDate}`)
 }
 
 const title = computed(() => {

From 5f4e1d44349060a80f2a7adeaeb8b8dca33064a3 Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 12 Nov 2025 12:45:48 +0100
Subject: [PATCH 12/13] remove redundant 2026-01-02 from DonationBar validation

---
 docs/.vuepress/components/DonationBar.vue | 21 ---------------------
 1 file changed, 21 deletions(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index a7cfc26..17cb7b0 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -54,12 +54,6 @@ const props = defineProps({
   },
 })
 
-if (typeof props.currentValue !== 'number') {
-  throwError(`[DonationBar] Prop "currentValue" must be a number, received: ${typeof props.currentValue} (${props.currentValue})`)
-}
-if (isNaN(props.currentValue)) {
-  throwError(`[DonationBar] Prop "currentValue" must be a valid number, received: NaN`)
-}
 if (!isFinite(props.currentValue)) {
   throwError(`[DonationBar] Prop "currentValue" must be a finite number, received: ${props.currentValue}`)
 }
@@ -67,12 +61,6 @@ if (props.currentValue < 0) {
   throwError(`[DonationBar] Prop "currentValue" must be >= 0, received: ${props.currentValue}`)
 }
 
-if (typeof props.target !== 'number') {
-  throwError(`[DonationBar] Prop "target" must be a number, received: ${typeof props.target} (${props.target})`)
-}
-if (isNaN(props.target)) {
-  throwError(`[DonationBar] Prop "target" must be a valid number, received: NaN`)
-}
 if (!isFinite(props.target)) {
   throwError(`[DonationBar] Prop "target" must be a finite number, received: ${props.target}`)
 }
@@ -80,9 +68,6 @@ if (props.target <= 0) {
   throwError(`[DonationBar] Prop "target" must be > 0, received: ${props.target}`)
 }
 
-if (typeof props.startDate !== 'string') {
-  throwError(`[DonationBar] Prop "startDate" must be a string, received: ${typeof props.startDate}`)
-}
 const startDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!startDateRegex.test(props.startDate)) {
   throwError(`[DonationBar] Prop "startDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.startDate}`)
@@ -91,9 +76,6 @@ if (isNaN(new Date(props.startDate).getTime())) {
   throwError(`[DonationBar] Prop "startDate" has invalid date value: ${props.startDate}`)
 }
 
-if (typeof props.endDate !== 'string') {
-  throwError(`[DonationBar] Prop "endDate" must be a string, received: ${typeof props.endDate}`)
-}
 const endDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!endDateRegex.test(props.endDate)) {
   throwError(`[DonationBar] Prop "endDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.endDate}`)
@@ -102,9 +84,6 @@ if (isNaN(new Date(props.endDate).getTime())) {
   throwError(`[DonationBar] Prop "endDate" has invalid date value: ${props.endDate}`)
 }
 
-if (typeof props.asOfDate !== 'string') {
-  throwError(`[DonationBar] Prop "asOfDate" must be a string, received: ${typeof props.asOfDate}`)
-}
 const asOfDateRegex = /^\d{4}-\d{2}-\d{2}$/
 if (!asOfDateRegex.test(props.asOfDate)) {
   throwError(`[DonationBar] Prop "asOfDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.asOfDate}`)

From 2254f25a1634e82aae802b4e2da842c7425433ac Mon Sep 17 00:00:00 2001
From: mahula <lenzmath@posteo.de>
Date: Wed, 12 Nov 2025 12:57:18 +0100
Subject: [PATCH 13/13] move date validationto helper in DonationBar validation

---
 docs/.vuepress/components/DonationBar.vue | 33 +++++++++--------------
 1 file changed, 12 insertions(+), 21 deletions(-)

diff --git a/docs/.vuepress/components/DonationBar.vue b/docs/.vuepress/components/DonationBar.vue
index 17cb7b0..e2397bc 100644
--- a/docs/.vuepress/components/DonationBar.vue
+++ b/docs/.vuepress/components/DonationBar.vue
@@ -68,29 +68,20 @@ if (props.target <= 0) {
   throwError(`[DonationBar] Prop "target" must be > 0, received: ${props.target}`)
 }
 
-const startDateRegex = /^\d{4}-\d{2}-\d{2}$/
-if (!startDateRegex.test(props.startDate)) {
-  throwError(`[DonationBar] Prop "startDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.startDate}`)
-}
-if (isNaN(new Date(props.startDate).getTime())) {
-  throwError(`[DonationBar] Prop "startDate" has invalid date value: ${props.startDate}`)
+const ISO_DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/
+
+const validateDate = (value, propName) => {
+  if (!ISO_DATE_REGEX.test(value)) {
+    throwError(`[DonationBar] Prop "${propName}" must be in ISO 8601 format (YYYY-MM-DD), received: ${value}`)
+  }
+  if (isNaN(new Date(value).getTime())) {
+    throwError(`[DonationBar] Prop "${propName}" has invalid date value: ${value}`)
+  }
 }
 
-const endDateRegex = /^\d{4}-\d{2}-\d{2}$/
-if (!endDateRegex.test(props.endDate)) {
-  throwError(`[DonationBar] Prop "endDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.endDate}`)
-}
-if (isNaN(new Date(props.endDate).getTime())) {
-  throwError(`[DonationBar] Prop "endDate" has invalid date value: ${props.endDate}`)
-}
-
-const asOfDateRegex = /^\d{4}-\d{2}-\d{2}$/
-if (!asOfDateRegex.test(props.asOfDate)) {
-  throwError(`[DonationBar] Prop "asOfDate" must be in ISO 8601 format (YYYY-MM-DD), received: ${props.asOfDate}`)
-}
-if (isNaN(new Date(props.asOfDate).getTime())) {
-  throwError(`[DonationBar] Prop "asOfDate" has invalid date value: ${props.asOfDate}`)
-}
+validateDate(props.startDate, 'startDate')
+validateDate(props.endDate, 'endDate')
+validateDate(props.asOfDate, 'asOfDate')
 
 const title = computed(() => {
   switch (locale) {