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

var elements: ['Max', 'Anna', 'Tom']
var visible = ref(true)
</script>

<template>
  <div class="card flex justify-center">
    <Drawer v-model:visible="visible" header="Drawer">
      <div>
        <ul>
          <li v-for="item in elements">
            <p>{{ item }}</p>
          </li>
        </ul>
      </div>
    </Drawer>
  </div>
</template>
