added logout function and persistent pinia store

src/pages/IndexPage.vue

@@ -1,47 +1,25 @@
 <template>
   <q-page class="row items-center justify-evenly">
-    <example-component
-      title="Example component"
-      active
-      :todos="todos"
-      :meta="meta"
-    ></example-component>
+    <q-btn v-if="!userStore.keycloak" @click="login()" label="Login" />
+    <q-btn @click="$router.push('/test')" label="Test" />
   </q-page>
 </template>
 
-<script setup lang="ts">
-import { ref } from 'vue';
-import { Todo, Meta } from 'components/models';
-import ExampleComponent from 'components/ExampleComponent.vue';
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { useUserStore } from 'stores/user-store';
 
-defineOptions({
-  name: 'IndexPage'
-});
 
-const todos = ref<Todo[]>([
-  {
-    id: 1,
-    content: 'ct1'
+export default defineComponent({
+  components: {
+
   },
-  {
-    id: 2,
-    content: 'ct2'
-  },
-  {
-    id: 3,
-    content: 'ct3'
-  },
-  {
-    id: 4,
-    content: 'ct4'
-  },
-  {
-    id: 5,
-    content: 'ct5'
+  setup() {
+    const userStore = useUserStore();
+    const login = () => {
+      userStore.login();
+    };
+    return { login, userStore };
   }
-]);
-
-const meta = ref<Meta>({
-  totalCount: 1200
 });
 </script>

src/pages/TestPage.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
 
+import ProtectedData from 'components/ProtectedData.vue';
 </script>
 
 <template>
   <h1>Hallloooooooooo</h1>
+  <ProtectedData />
 </template>
 
 <style scoped>