frontend/src/components/SideBar.vue

@@ -2,20 +2,25 @@
 import Drawer from 'primevue/drawer'
 import { ref } from 'vue'
 
-var elements: ['Max', 'Anna', 'Tom']
+var elements = ['doulrion', 'Anna', 'Tom']
 var visible = ref(true)
+var closeIcon = ref(false)
 </script>
 
 <template>
-  <div class="card flex justify-center">
+  <Drawer
-    <Drawer v-model:visible="visible" header="Drawer">
+    v-model:visible="visible"
+    :showCloseIcon="closeIcon"
+    :modal="false"
+    :dismissable="false"
+    header=""
+  >
     <div>
       <ul>
         <li v-for="item in elements">
-            <p>{{ item }}</p>
+          <a url="twitch.tv/{{ item }}">{{ item }}</a>
         </li>
       </ul>
     </div>
   </Drawer>
-  </div>
 </template>