frontend: Create a dummy user view

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 9887812a80d610eac2861abbc595a8ec138f827c..61a70b21c96b0a8fd25c0a133060e5095c6de9db 100644 (file)
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -9,6 +9,7 @@ import NotFoundView from "../views/NotFoundView.vue"
 import PackageByUUIDView from "../views/PackageByUUIDView.vue"
 import PackageFileView from "../views/PackageFileView.vue"
 import PackagesView from "../views/PackagesView.vue"
+import UserView from "../views/UserView.vue"
 
 const router = createRouter({
        history: createWebHistory(import.meta.env.BASE_URL),
@@ -70,6 +71,14 @@ const router = createRouter({
                        props: true,
                },
 
+               // User by Name
+               {
+                       path: "/users/:name",
+                       name: "UserView",
+                       component: UserView,
+                       props: true,
+               },
+
                // 404 - Not Found
                {
                        path: "/:pathMatch(.*)*",

diff --git a/frontend/src/views/UserView.vue b/frontend/src/views/UserView.vue
new file mode 100644 (file)
index 0000000..3c2b2c8
--- /dev/null
+++ b/frontend/src/views/UserView.vue
@@ -0,0 +1,11 @@
+<script setup lang="ts">
+       // Fetch the name from the URL
+       const props = defineProps<{
+               name: string,
+       }>()
+</script>
+
+<template>
+       <!-- XXX TODO -->
+       {{ name }}
+</template>