From 7781a088d0bd1ec8a5865ba5ca234614493e7396 Mon Sep 17 00:00:00 2001
From: Claus-Peter Huebner <claus-peter.huebner@email.de>
Date: Tue, 26 Mar 2024 02:54:22 +0100
Subject: [PATCH] with graphql-Anbindung and frontend tries

---
 frontend/src/pages/UserSearch.vue | 45 +++++++++++++++++++++++++++++++
 frontend/src/routes/routes.js     |  7 +++++
 2 files changed, 52 insertions(+)
 create mode 100644 frontend/src/pages/UserSearch.vue

diff --git a/frontend/src/pages/UserSearch.vue b/frontend/src/pages/UserSearch.vue
new file mode 100644
index 000000000..8ceeb9ac6
--- /dev/null
+++ b/frontend/src/pages/UserSearch.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="h3">
+    {{ gmsPlaygroundUri }}
+  </div>
+</template>
+<script>
+import { authenticateGmsUserSearch } from '@/graphql/queries'
+
+export default {
+  name: 'GMS User Playground',
+  data() {
+    return {
+      gmsPlaygroundUri: '',
+    }
+  },
+  /*
+  async mounted() {
+    let query = `{
+      authenticateGmsUserSearch() {
+        gmsPlaygroundUri
+      }
+    }`;
+  },
+  */
+  methods: {
+    authenticateGmsUserPlayground() {
+      this.$apollo
+        .query({
+          query: authenticateGmsUserSearch,
+        })
+        .then((result) => {
+          this.gmsPlaygroundUri = result.data.authenticateGmsUserSearch.gmsPlaygroundUri
+        })
+        .catch(() => {
+          this.toastError('listContributionLinks has no result, use default data')
+        })
+    },
+  },
+  created() {
+    this.authenticateGmsUserPlayground()
+  },
+}
+</script>
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style scoped></style>
diff --git a/frontend/src/routes/routes.js b/frontend/src/routes/routes.js
index 57f8fdd32..8c8022c06 100755
--- a/frontend/src/routes/routes.js
+++ b/frontend/src/routes/routes.js
@@ -82,9 +82,16 @@ const routes = [
   },
   {
     path: '/usersearch',
+    component: () => import('@/pages/UserSearch'),
+    meta: {
+      requiresAuth: true,
+      pageTitle: 'user search',
+    },
+    /*
     redirect: (to) => {
       return { path: '/login' }
     },
+    */
   },
   // {
   //   path: '/storys',