Added content to Sidebar

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"
-      <div>
+    :showCloseIcon="closeIcon"
-        <ul>
+    :modal="false"
-          <li v-for="item in elements">
+    :dismissable="false"
-            <p>{{ item }}</p>
+    header=""
-          </li>
+  >
-        </ul>
+    <div>
-      </div>
+      <ul>
-    </Drawer>
+        <li v-for="item in elements">
-  </div>
+          <a url="twitch.tv/{{ item }}">{{ item }}</a>
+        </li>
+      </ul>
+    </div>
+  </Drawer>
 </template>