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] 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 {