From 29d2a4a24e21ccdf31992f8ff6380956f7a46128 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 10 May 2025 14:56:39 +0000
Subject: [PATCH] frontend: Add a demo page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 frontend/src/router/index.ts    |  7 +++++++
 frontend/src/views/DemoView.vue | 13 +++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 frontend/src/views/DemoView.vue

diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 3e49915..9c70e2f 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -16,6 +16,13 @@ const router = createRouter({
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
       component: () => import('../views/AboutView.vue'),
+    },
+
+	// Add the demo page (this is being lazy-loaded)
+    {
+      path: "/demo",
+      name: "demo",
+      component: () => import("../views/DemoView.vue"),
     },
   ],
 })
diff --git a/frontend/src/views/DemoView.vue b/frontend/src/views/DemoView.vue
new file mode 100644
index 0000000..e1cde6b
--- /dev/null
+++ b/frontend/src/views/DemoView.vue
@@ -0,0 +1,13 @@
+<!--
+	This is a demo page that shows all possible elements for testing.
+-->
+
+<script setup lang="ts">
+	import Section from "../components/Section.vue"
+</script>
+
+<template>
+	<Section :title="$t('This Is A Section')">
+		<p>{{ $t("The section can have any content...") }}</p>
+	</Section>
+</template>
-- 
2.47.3