<script setup lang="ts">
import Drawer from 'primevue/drawer'
import { ref } from 'vue'

var elements = ['doulrion', 'Anna', 'Tom']
var visible = ref(true)
var closeIcon = ref(false)
</script>

<template>
  <Drawer
    v-model:visible="visible"
    :showCloseIcon="closeIcon"
    :modal="false"
    :dismissable="false"
    header=""
  >
    <div>
      <ul>
        <li v-for="item in elements">
          <a url="twitch.tv/{{ item }}">{{ item }}</a>
        </li>
      </ul>
    </div>
  </Drawer>
</template>
